一、新建項目
打開 uniapp 開發(fā)工具:HBuilderX,單擊「文件」->「新建」->「項目」。
給你的小程序項目起個名字,然后啟用 uniCloud 云開發(fā),選擇「阿里云」,點擊創(chuàng)建。
如果未登錄的話,會彈出下面的提示框,我們用剛剛注冊的「HBuilderX」賬號登錄一下即可。
然后就會出現下方的頁面提示:項目創(chuàng)建成功,左側多處一個目錄,即剛剛創(chuàng)建的小程序項目代碼文件夾。
剛剛創(chuàng)建的項目目錄結構如下圖,這是編輯器替我們搭建好的基礎框架,我們在此基礎上開發(fā)即可。
? ?
二、關聯(lián)云服務空間
uniCloud目錄上右鍵單擊,選擇「關聯(lián)云服務空間或項目」,綁定我們我們剛剛注冊創(chuàng)建好的云服務空間。
它會自動把你的 DCloud 賬號綁定的服務空間展示出來,只需要選擇一下即可,如果沒有創(chuàng)建,則需要先創(chuàng)建。
關聯(lián)之后,頁面如下。這樣我們就可以在這里進行我們的后端接口服務開發(fā)了。
? ?
三、基礎配置
單擊manifest.json文件,如下圖,可以看到這個文件是用來進行我們項目的一些基礎配置。
點擊獲取 uniapp 的 AppID。注意:這個和小程序的appid不是同一個東西。
單擊獲取后,會生成一個__UNI__開頭的一個 ID 標識,標識這個項目的身份。
同時在 uniapp 的網站上登錄后可以看到與其對應的應用。
網站地址:https://dev.dcloud.net.cn/pages/app/list
? ?
四、微信小程序配置
在「基礎配置」的同級目錄下,找到「微信小程序配置」。
微信公眾平臺, 登錄我們之前注冊的小程序賬號,下滑菜單,找到「開發(fā)」->「開發(fā)管理」,開發(fā)設置 tab 下面找到小程序的AppID(小程序 ID)。
將小程序的 AppID 填入下圖對應位置。
? ?
五、小程序白名單配置
因為我們是用 uniapp 開發(fā),不屬于微信小程序自家產品,域名自然他們也不認。所以需要在小程序后臺配置白名單,把我們請求相關的域名加進去。
還是微信公眾平臺, 下滑菜單,找到「開發(fā)」->「開發(fā)管理」,開發(fā)設置 tab 下面,往下滑,找到「服務器域名設置」,點擊開始配置。
這一步需要管理員驗證,就用你登錄時的微信賬號掃碼確認即可。
掃碼確認后會出現下圖中的彈窗,我們需要填入需要的 request 合法域名、uploadFile 合法域名。
具體設置如下圖,因為我們申請的阿里云服務,所以這里把阿里云相關 uniapp 開發(fā)域名加進去即可。
到這里我們已經完成了基礎開發(fā)需要的配置,如果想了解更多 uniCloud 配置相關知識,可以跳轉 uniapp 的 API:
小程序中使用 uniCloud 的白名單配置:文章來源:http://www.zghlxwxcb.cn/news/detail-853586.html
https://uniapp.dcloud.net.cn/uniCloud/publish.html#useinmp文章來源地址http://www.zghlxwxcb.cn/news/detail-853586.html
到了這里,關于【微信小程序】云開發(fā)從 0 到 1 實戰(zhàn),項目搭建及配置的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!