如何在HBuilderX創建uni-app並綁定阿里雲

2021-01-15 IT軟體專家

工具

HBuilderX微信開發者工具技術

vueuni-appJavaScript在HBuilderX開發工具中，可以創建uni-app框架項目；其中，還可以進行雲開發，啟用uniCloud可以選擇騰訊雲，也可以選擇阿里雲。那麼，如何使用阿里雲進行uni-app雲開發？

操作步驟：

1、打開HBuilderX開發工具，滑鼠右鍵新建項目；項目類型選擇uni-app，模板選擇uniCloud，啟用uniCloud，勾選阿里雲，然後點擊創建按鈕

創建uni-app項目，啟用uniCloud

2、綁定uniCloud服務空間到項目acloud，點擊新建圖標

綁定uniCloud服務空間到項目acloud

3、打開uniCloud管理後臺，服務商選擇阿里雲，輸入服務空間名稱，然後點擊創建

創建服務空間

4、點擊右側的刷新圖標，選擇要綁定的服務空間，然後點擊下一步

點擊右側的刷新圖標，選擇要綁定的服務

5、部署雲端資源，確認後點擊開始部署

部署雲端資源，確認後點擊開始部署

6、創建完畢後，查看雲函數上傳完

創建完畢後，查看雲函數上傳完

說明：

1、選擇阿里雲作為服務商，每個帳號最多可以創建50個服務空間

2、選擇騰訊雲作為服務商，每個帳號可以創建1個服務空間

相關焦點

  • 如何使用HBuilderX創建uni-app並編譯成支付寶小程序
    1、打開HBuilderX工具，新建項目，勾選uni-app，輸入項目名稱和選擇模板，然後點擊創建新建uni-app項目，選擇模板2、打開uni-app項目，查看項目結構；新建頁面支付寶小程序開發工具，點擊擴展7、查找到uni-app 跨平臺開發擴展插件，然後點擊安裝
  • 如何使用HBuilderX創建uni-app並編譯成微信小程序並配置底部菜單
    創建項目2、打開新建項目窗口，勾選uni-app項目類型，輸入項目名稱，選擇模板，然後點擊創建配置外部web伺服器調用url7、選中uni-app項目，點擊運行--->運行到小程序模擬器--->微信開發者工具運行到小程序模擬器
  • 如何使用uni-app中的日曆組件並獲取日期
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxmlCSS3微信小程序1、打開HBuilderX開發工具，創建uni-app項目；然後新建uni-app頁面，添加uni-calendar組件，設置日曆相關的屬性添加uni-calendar組件，設置相關屬性
  • 如何在uni-app項目中定義樣式和綁定樣式
    雖然uni-app是一個使用 Vue.js 開發所有前端應用的框架，但是編譯成小程序過程中，有些特性是不支持的，如style直接綁定一個對象。工具HBuilderX微信開發者工具技術vueuni-app
  • 如何在uni-app項目創建雲函數資料庫插入記錄
    >工具HBuilderX微信開發者工具雲服務管理後臺技術vueuni-app資料庫在uni-app雲開發項目中，創建一個雲函數，然後調用雲函數，新建資料庫（雲服務）。下面利用實例說明：操作如下：1、創建一個uni-app雲開發項目，新建uni-app頁面，輸入名稱並勾選在pages.json中註冊
  • 如何在uni-app項目中實現圖片上傳和預覽
    微信開發者工具HBuilderX技術vue微信小程序uni-appJavaScript在uni-app項目中，可以直接調用對應的API實現不同的功能，如上傳圖片、獲取圖片信息和預覽圖片。下面利用具體實例說明：1、打開HBuilderX開發工具，創建uni-app項目，新建頁面並插入按鈕，綁定點擊事件插入按鈕
  • 如何在uni-app項目中使用vue屬性監測表達式
    工具微信開發者工具HBuilderX技術vueuni-appJavaScriptCSS3wxml在vue的數據/選項中，有個watch屬性，可以用來監測表達式的操作數。下面利用實例說明：1、打開HBuilderX開發工具，創建uni-app項目，並新建頁面文件sys
  • 用framework7開發APP：完結篇.hbuilderx打包APP
    開始請確保在開始之前你已經安裝了hbuilderx並且按照前面的教程構建了一個核心開發模式的項目。一、hbuilderx創建項目：二、刪除不需要的文件創建完成之後得到文件如下四、準備打包雙擊hbuilderx
  • uni-app學習筆記（一）-- uni-app簡介
    數據綁定及事件處理同 Vue.js 規範，同時補充了App及頁面的生命周期例如 onLoad、onShow、onHide等為兼容多端運行，建議使用flex布局進行開發一個uni-app工程，默認包含如下目錄及文件：
  • uni-app學習筆記（二）——uni-app詳解
    uni-app (一套代碼,多端發行)如果你會使用Vue那咱們繼續吧!什麼是uni-app?uni-app 是一個使用 Vue.js 開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺。
  • 如何在uni-app項目中使用數據緩存方法
    工具HBuilderX微信開發者工具技術vueuni-appJavaScriptCSS3在使用uni-app進行微信小程序開發過程中，如果不同界面中需要登錄用戶的信息，這時就需要用到數據緩存。如何設置緩存、獲取緩存、刪除緩存和清空緩存？
  • 今天我使用uni-ap創建了一個雲服務空間，用雲服務寫項目
    最近我打算用uni-app來寫一個家族小程序，由於本人是前端開發，所以我就選擇了雲函數來做一個全能開發，前後端通吃。uni-app選擇這個來寫項目也是想用它來學習一些新的技術，隨便看看這個到底吹的有多神。
  • 如何使用uni-app項目中的Combox 組合框
    工具HBuilderX微信開發者工具技術uni-appvueJavaScript微信小程序1、在uni-app項目中，新建uni-app頁面，輸入名稱combox新建uni-app頁面，輸入名稱combox2、打開頁面文件，插入uni-combox，綁定數據源和欄位，設置屬性
  • 如何使用uni-app項目中的數字角標
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxml1、打開HBuilderX工具，創建uni-app項目，然後在pages文件夾下，新建uni-app頁面，輸入名稱example，點擊創建按鈕
  • 如何在uni-app項目中使用不同類型彈窗
    工具HBuilderX微信開發者工具技術vueuni-app微信小程序JavaScript在使用uni-app框架開發微信小程序時，可能需要不同的彈窗（提示信息），可以是提示窗口、加載窗口和模態窗口。下面利用實例說明：1、在項目對應的頁面文件中，插入一個按鈕，並綁定點擊事件插入一個按鈕，並綁定點擊事件
  • 萬能前端框架uni app初探02：為按鈕綁定事件
    前言上一節，我們完成了uni app開發環境的搭建，本節我們正式開始uni app的編程工作，我們為按鈕綁定一個點擊事件，實現點擊一次修改Text顯示數據的小功能。二、示例將上一講工程複製為app002然後將整個文件夾拖到
  • 如何在uni-app項目中使用vue計算屬性
    工具HBuilderX微信開發者工具技術vueuni-appJavaScriptuni-app是 Vue.js 開發所有前端應用的框架，因此可以使用vue中的相關屬性，如計算屬性computed。其中，computed計算屬性是控制表達式結果的。
  • 如何調用HBuilderX中echarts圖形插件小程序顯示
    那麼，如何調用HBuilderX中echarts圖形插件在小程序中顯示？1、打開HBuilderX開發工具，新建項目，選擇uni-app，輸入項目名稱，選擇項目位置和模板，然後點擊創建新建項目，選擇uni-app，輸入項目名稱，選擇項目位置和模板，然後點擊創建2、在HBuilderX插件市場搜索echarts，查到echarts-renderjs在HBuilderX插件市場搜索echarts，查到echarts-renderjs
  • 如何調用HBuilderX中echarts圖形插件小程序顯示
    那麼，如何調用HBuilderX中echarts圖形插件在小程序中顯示？1、打開HBuilderX開發工具，新建項目，選擇uni-app，輸入項目名稱，選擇項目位置和模板，然後點擊創建新建項目，選擇uni-app，輸入項目名稱，選擇項目位置和模板，然後點擊創建2、在HBuilderX插件市場搜索echarts，查到echarts-renderjs
  • uni-app實現簡單API攔截
    前端是一個苦逼的活，技術在不斷變化，需求千變萬化，如何應對各種需求保證得心應手呢，那就是不斷學習。藝高人膽大，只有了解學習和掌握才能不被前端的後浪拍在沙灘上。今天我們簡單了解一下uni-app：官網的解釋時uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架，可以讓開發者編寫一套代碼，便可以編譯到iOS、Android、H5、小程序等多個平臺。當然框架儘可能的處理各端差異，保證我們使用一致性，所以使用起來感覺還不錯，畢竟誰想反覆的開發同一個項目到不同平臺呢。