要開始小程序雲開發,首先就需要先注冊一個小程序,開通雲開發服務,然后下載開發者工具和翻閱小程序開發與雲開發的技術文檔。除此之外,還需要在創建雲開發項目時,注意一些配置的細節。
一 注冊微信小程序
小程序的注冊非常方便,打開小程序注冊頁面,按照要求填入個人的信息,驗證郵箱和手機號,掃描二維碼綁定你的微信號即可,3分鍾左右的時間即可搞定。
注冊頁面:小程序注冊頁面
注冊小程序時不能使用注冊過微信公眾號、微信開放平台的郵箱哦,也就是需要你使用一個其他郵箱才行。小程序和微信公眾號的登錄頁都是同一個頁面,他們會根據你的不同的注冊郵箱來進行跳轉。
當我們注冊成功后,就可以自動登入到小程序的后台管理頁面啦,如果你不小心關掉了后台頁面,也可以點擊小程序后台管理登錄頁進行登錄。進入到小程序的后台管理頁后,點擊左側菜單的開發進入設置頁,然后再點擊開發設置,在開發者ID里就可以看到AppID(小程序ID),這個待會我們有用。
注意小程序的ID(AppID)不是你注冊的郵箱和用戶名,你需要到后台查看才行哦~
二 開發者工具與雲開發文檔
1、開發者工具的下載與安裝
大家可以根據自己的電腦操作系統來下載相應的版本,一般選擇穩定版 Stable Build的開發者工具。但是如果你想嘗試小程序或者雲開發發布的新功能,建議選擇下載預發布版RC Build和開發版Nightly Build。
開發者工具:小程序開發者工具下載地址
由於小程序以及雲開發在不斷新增功能,更新非常頻繁,而它的很多更新與開發者工具有着非常緊密的聯系,所以要確保自己的開發者工具是最新的。
我們可以在開發者工具的頂部看到當前開發者工具的版本號,注意版本號里包含着日期,比如1.04.2008042
,這里20是2020年,0804是8月4日的版本,如果你的版本號太低注意及時更新。
2、雲開發文檔
和學習任何編程一樣,官方技術文檔都是最值得閱讀的參考資料。技術文檔大家先只需要花五分鍾左右的時間了解大致的結構即可,然后按照我們的教學步驟再來翻閱具體的知識細節。官方的技術文檔過於全面而且詳細,對於初學者或者零基礎的朋友來說,我們會引導大家如何循序漸進的學習文檔里的技術知識。小程序、雲開發的功能更新非常頻繁,很多網上的教程內容都比較過時,而只有技術文檔才是同步到最新的。無論你是初學者還是高手,技術文檔都是我們技術開發的基礎與落腳點,常讀常新。
技術文檔:雲開發官方文檔
三 創建雲開發模板小程序
下載安裝完小程序開發者工具
之后,我們使用微信掃碼登錄開發者工具,然后使用開發者工具新建一個小程序的項目:
- 項目名稱:這個可以根據自己的需要任意填寫;
- 目錄:大家可以先在電腦上新建一個空文件夾,然后選擇它;
- AppID:就是之前我們找到的AppID(小程序ID)(也可以下拉選擇AppID),這里不能使用測試號哦;
- 開發模式為小程序(默認);
- 后端服務選擇小程序·雲開發
點擊新建確認之后就能在開發者工具的模擬器里看到雲開發QuickStart小程序,在編輯器里看到這個小程序的源代碼。
接下來,我們點擊開發者工具的工具欄里的預覽圖標,就會彈出一個二維碼,使用微信掃描這個二維碼就能在手機里看到這個小程序啦。如果你沒有使用微信登錄開發者工具,以及你的微信不是該小程序的開發者是沒法預覽的哦。
在手機里(或模擬器)操作這個小程序,把小程序里的每個按鍵都點一遍,看看會有什么反應。我們會發現很多地方都會顯示“調用失敗”等,這非常正常,我們接下來會通過一系列的操作讓小程序不報錯。
四 雲開發項目初始化
1、開通雲開發
點擊微信開發者工具的“雲開發”圖標(在調試器圖標的右邊),在彈出框里點擊“開通”,同意協議后,會彈出創建環境的對話框。這時會要求你輸入環境名稱,以及當前雲開發的基礎環境配額(建議選擇“按量付費”,或者默認即可)。
建議你環境名稱可以使用
xly
,當你的雲開發環境出現問題的時候,你可以提供你的環境ID,雲開發團隊會有專人為你解答。
按照對話框提示的要求填寫完之后,點擊創建,會初始化環境,環境初始化成功后會自動彈出雲開發控制台,這樣我們的雲開發服務就開通啦。大家可以花兩分鍾左右的時間熟悉一下雲開發控制台的界面。
如果你的小程序開發者工具看不到“雲開發”的圖標或開通不了、打不開雲開發服務,說明你沒有填入相應的appid(比如你填的appid是測試號,或者其他人的小程序的appid),或者你沒有掃描登陸微信開發者工具,如果還是有問題,建議你點擊清理緩存–全部清除,重啟開發者工具,再掃碼登陸與填寫appid。
2、找到雲開發的環境ID
點擊雲開發控制台窗口里的設置圖標,在環境變量的標簽頁找到環境名稱和環境ID。
用戶在開通雲開發之后就創建了一個雲開發環境,微信小程序可擁有最多兩個環境,每個環境都對應一整套獨立的雲開發資源,包括數據庫、雲存儲、雲函數、靜態托管等,各個環境是相互獨立的。每個環境都有一個唯一的環境ID(環境名稱不唯一)。
注意環境名稱與環境ID的區別,尤其是環境ID在書寫時要注意格式,建議在后面的填寫時使用復制粘貼的方式。我們點擊環境名稱的下拉三角可以切換雲開發的環境。
3、指定開發者工具的雲開發環境
當雲開發服務開通后,我們可以在小程序源代碼cloudfunctions文件夾名看到你的環境名稱。如果在cloudfunctions文件夾名顯示的不是環境名稱,而是“未指定環境”,可以鼠標右鍵該文件夾,可以看到彈窗的第一項為“當前環境”,有個小三角,在這里可以選擇或切換已經建好的雲開發環境。如果環境為空白,重啟開發者工具,再來選擇。
4、指定小程序的雲開發環境
在開發者工具中打開源代碼文件夾miniprogram
里的app.js
文件,找到如下代碼:
wx.cloud.init({
// env 參數說明:
// env 參數決定接下來小程序發起的雲開發調用(wx.cloud.xxx)會默認請求到哪個雲環境的資源
// 此處請填入環境 ID, 環境 ID 可打開雲控制台查看
// 如不填則使用默認環境(第一個創建的環境)
// env: 'my-env-id',
traceUser: true,
})
在 env: 'my-env-id'
處改成你的環境ID,注意需要填入的是你的環境ID而不是環境名稱哦,結果如下:
wx.cloud.init({
env: 'xly-xrlur',
traceUser: true,
})
因為雲開發可以創建多個環境,比如微信小程序就可以創建兩個免費的雲開發環境,一個用於測試,一個用於正式發布。如果你沒有在小程序端指定環境,會默認選擇為你創建的第一個雲開發環境。我們可以通過修改env的參數來切換小程序端用來調用的雲開發環境。
雲開發能力全局只需要初始化一次即可,這里的traceUser屬性設置為true,會將用戶訪問記錄到用戶管理中,在雲開發控制台的運營分析—用戶訪問里可以看到訪問記錄。
5、基礎庫版本與開發者工具設置
除了開發者工具的版本,小程序以及雲開發的能力都非常依賴基礎庫,如果開發者工具的基礎庫版本過低,就會出現很多API會報錯;基礎庫的版本和微信iOS、安卓、PC和Mac的終端是有對應關系的,高版本的基礎庫無法兼容低版本的微信客戶端,我們可以在開發者工具看到不同的基礎庫用戶終端的占比情況。
點擊開發者工具右上角的詳情,在本地設置可以看到除了可以設置基礎庫以外,還有一些其他設置。
- 如果是為了體驗功能,選擇基礎庫時當然是越高越好,更高版本的基礎庫意味着更多的功能支持以及更少的bug,基礎庫新增了哪些功能,做了哪些改動,可以閱讀了解一下基礎庫的更新日志;不過實際使用時,要考慮用戶的分布情況;
- 增強編譯可以增強ES6轉ES5的能力,小程序端就能支持大部分es6等一些JavaScript的語法,比如表常用的async/await;
- 建議在學習時,勾選“不校驗合法域名、業務域名、TLS版本以及HTTPS證書”,讓小程序支持調試外部鏈接;
資源傳送門
- 關注【做一個柔情的程序猿】公眾號
- 在【做一個柔情的程序猿】公眾號后台回復 【python資料】【2020秋招】 即可獲取相應的驚喜哦!
- 自己搭建的博客地址:夢魘回生的博客
「❤️ 感謝大家」
- 點贊支持下吧,讓更多的人也能看到這篇內容(收藏不點贊,都是耍流氓 -_-)
- 歡迎在留言區與我分享你的想法,也歡迎你在留言區記錄你的思考過程