小程式開發:uni-app快速上手
ofollow,noindex" target="_blank">搭建環境
開發者需分別安裝如下工具:
建立專案
在點選工具欄裡的檔案 -> 新建 -> 專案:
選擇 uni-app ,輸入工程名,如:first-uniapp,點選建立,即可成功建立 uni-app 。點選從模版建立,選擇 hello-uniapp 即可體驗官方示例。
注:nml 專案是老版本的 uni-app,開發規範是基於快應用的,新版 uni-app 規範更靠近 小程式 。如果是 nml 專案,則不能使用微信開發者工具預覽等新版 uni-app 相關的功能。
執行uni-app
-
在微信開發者工具裡執行:進入first-uniapp專案,點選工具欄的執行 -> 執行到
模擬器 -> 微信開發者工具,即可在微信開發者工具裡面體驗uni-app。
注意:如果是第一次使用,需要先配置小程式ide的相關路徑,才能執行成功。如下圖,需在輸入框輸入微信開發者工具的安裝路徑。 若HBuilderX不能正常啟動微信開發者工具,需要開發者手動啟動,然後將uni-app生成小程式工程的路徑拷貝到微信開發者工具裡面,在HBuilderX裡面開發,在小微信開發者工具裡面就可看到實時的效果。
uni-app預設把專案編譯到根目錄的unpackage目錄。
-
真機執行:連線手機,開啟USB除錯,進入first-uniapp專案,點選工具欄的執行 -> 真機執行 -> 選擇執行的裝置,即可在該裝置裡面體驗uni-app。
也可直接點選快捷按鈕,選擇裝置執行:
打包 uni-app
在HBuilderX工具欄,點擊發行,選擇原生app-雲端打包,如下圖:
出現如下介面,點選打包即可。
微信小程式的釋出需在微信開發者工具中操作,按照 上傳程式碼–>提交稽核–>釋出 流程,逐步操作即可,詳細檢視 微信小程式上線 。
移動資訊化交流QQ群:一號群:211029692 二號群:344692795 CIO交流群:316076815(需認證)