要開始小程序云開發(fā)，首先就需要先注冊一個小程序，開通云開發(fā)服務(wù)，然后下載開發(fā)者工具和翻閱小程序開發(fā)與云開發(fā)的技術(shù)文檔。除此之外，還需要在創(chuàng)建云開發(fā)項目時，注意一些配置的細(xì)節(jié)。

1.2.1 注冊微信小程序

小程序的注冊非常方便，打開小程序注冊頁面，按照要求填入個人的信息，驗證郵箱和手機(jī)號，掃描二維碼綁定你的微信號即可，3分鐘左右的時間即可搞定。

注冊頁面：小程序注冊頁面

注冊小程序時不能使用注冊過微信公眾號、微信開放平臺的郵箱哦，也就是需要你使用一個其他郵箱才行。小程序和微信公眾號的登錄頁都是同一個頁面，他們會根據(jù)你的不同的注冊郵箱來進(jìn)行跳轉(zhuǎn)。

當(dāng)我們注冊成功后，就可以自動登入到小程序的后臺管理頁面啦，如果你不小心關(guān)掉了后臺頁面，也可以點擊小程序后臺管理登錄頁進(jìn)行登錄。進(jìn)入到小程序的后臺管理頁后，點擊左側(cè)菜單的開發(fā)進(jìn)入設(shè)置頁，然后再點擊開發(fā)設(shè)置，在開發(fā)者ID里就可以看到AppID(小程序ID)，這個待會我們有用。

注意小程序的ID（AppID）不是你注冊的郵箱和用戶名，你需要到后臺查看才行哦~

1.2.2 開發(fā)者工具與云開發(fā)文檔

1、開發(fā)者工具的下載與安裝

大家可以根據(jù)自己的電腦操作系統(tǒng)來下載相應(yīng)的版本，一般選擇穩(wěn)定版?Stable Build的開發(fā)者工具。但是如果你想嘗試小程序或者云開發(fā)發(fā)布的新功能，建議選擇下載預(yù)發(fā)布版RC Build和開發(fā)版Nightly Build。

開發(fā)者工具：小程序開發(fā)者工具下載地址

由于小程序以及云開發(fā)在不斷新增功能，更新非常頻繁，而它的很多更新與開發(fā)者工具有著非常緊密的聯(lián)系，所以要確保自己的開發(fā)者工具是最新的。

我們可以在開發(fā)者工具的頂部看到當(dāng)前開發(fā)者工具的版本號，注意版本號里包含著日期，比如1.04.2008042，這里20是2020年，0804是8月4日的版本，如果你的版本號太低注意及時更新。

2、云開發(fā)文檔

和學(xué)習(xí)任何編程一樣，官方技術(shù)文檔都是最值得閱讀的參考資料。技術(shù)文檔大家先只需要花五分鐘左右的時間了解大致的結(jié)構(gòu)即可，然后按照我們的教學(xué)步驟再來翻閱具體的知識細(xì)節(jié)。官方的技術(shù)文檔過于全面而且詳細(xì)，對于初學(xué)者或者零基礎(chǔ)的朋友來說，我們會引導(dǎo)大家如何循序漸進(jìn)的學(xué)習(xí)文檔里的技術(shù)知識。小程序、云開發(fā)的功能更新非常頻繁，很多網(wǎng)上的教程內(nèi)容都比較過時，而只有技術(shù)文檔才是同步到最新的。無論你是初學(xué)者還是高手，技術(shù)文檔都是我們技術(shù)開發(fā)的基礎(chǔ)與落腳點，常讀常新。

技術(shù)文檔：云開發(fā)官方文檔

1.2.3 創(chuàng)建云開發(fā)模板小程序

下載安裝完小程序開發(fā)者工具之后，我們使用微信掃碼登錄開發(fā)者工具，然后使用開發(fā)者工具新建一個小程序的項目：

• 項目名稱：這個可以根據(jù)自己的需要任意填寫；

• 目錄：大家可以先在電腦上新建一個空文件夾，然后選擇它；

• AppID：就是之前我們找到的AppID(小程序ID)（也可以下拉選擇AppID），這里不能使用測試號哦；

• 開發(fā)模式為小程序（默認(rèn)）；

• 后端服務(wù)選擇小程序·云開發(fā)

點擊新建確認(rèn)之后就能在開發(fā)者工具的模擬器里看到云開發(fā)QuickStart小程序，在編輯器里看到這個小程序的源代碼。

接下來，我們點擊開發(fā)者工具的工具欄里的預(yù)覽圖標(biāo)，就會彈出一個二維碼，使用微信掃描這個二維碼就能在手機(jī)里看到這個小程序啦。如果你沒有使用微信登錄開發(fā)者工具，以及你的微信不是該小程序的開發(fā)者是沒法預(yù)覽的哦。

在手機(jī)里（或模擬器）操作這個小程序，把小程序里的每個按鍵都點一遍，看看會有什么反應(yīng)。我們會發(fā)現(xiàn)很多地方都會顯示“調(diào)用失敗”等，這非常正常，我們接下來會通過一系列的操作讓小程序不報錯。

1.2.4 云開發(fā)項目初始化

1、開通云開發(fā)

點擊微信開發(fā)者工具的“云開發(fā)”圖標(biāo)（在調(diào)試器圖標(biāo)的右邊），在彈出框里點擊“開通”，同意協(xié)議后，會彈出創(chuàng)建環(huán)境的對話框。這時會要求你輸入環(huán)境名稱和環(huán)境ID，以及當(dāng)前云開發(fā)的基礎(chǔ)環(huán)境配額（基礎(chǔ)配額免費，而且足夠你使用哦）。

建議你環(huán)境名稱可以使用xly、環(huán)境ID自動生成即可，當(dāng)你的云開發(fā)環(huán)境出現(xiàn)問題的時候，你可以提供你的環(huán)境ID，云開發(fā)團(tuán)隊會有專人為你解答。

按照對話框提示的要求填寫完之后，點擊創(chuàng)建，會初始化環(huán)境，環(huán)境初始化成功后會自動彈出云開發(fā)控制臺，這樣我們的云開發(fā)服務(wù)就開通啦。大家可以花兩分鐘左右的時間熟悉一下云開發(fā)控制臺的界面。

如果你的小程序開發(fā)者工具看不到“云開發(fā)”的圖標(biāo)或開通不了、打不開云開發(fā)服務(wù)，說明你沒有填入相應(yīng)的appid（比如你填的appid是測試號，或者其他人的小程序的appid），或者你沒有掃描登陸微信開發(fā)者工具，如果還是有問題，建議你點擊清理緩存–全部清除，重啟開發(fā)者工具，再掃碼登陸與填寫appid。

2、找到云開發(fā)的環(huán)境ID

點擊云開發(fā)控制臺窗口里的設(shè)置圖標(biāo)，在環(huán)境變量的標(biāo)簽頁找到環(huán)境名稱和環(huán)境ID。

用戶在開通云開發(fā)之后就創(chuàng)建了一個云開發(fā)環(huán)境，微信小程序可擁有最多兩個環(huán)境，每個環(huán)境都對應(yīng)一整套獨立的云開發(fā)資源，包括數(shù)據(jù)庫、云存儲、云函數(shù)、靜態(tài)托管等，各個環(huán)境是相互獨立的。每個環(huán)境都有一個唯一的環(huán)境ID（環(huán)境名稱不唯一）。

注意環(huán)境名稱與環(huán)境ID的區(qū)別，尤其是環(huán)境ID在書寫時要注意格式，建議在后面的填寫時使用復(fù)制粘貼的方式。我們點擊環(huán)境名稱的下拉三角可以切換云開發(fā)的環(huán)境。

3、指定開發(fā)者工具的云開發(fā)環(huán)境

當(dāng)云開發(fā)服務(wù)開通后，我們可以在小程序源代碼cloudfunctions文件夾名看到你的環(huán)境名稱。如果在cloudfunctions文件夾名顯示的不是環(huán)境名稱，而是“未指定環(huán)境”，可以鼠標(biāo)右鍵該文件夾，選擇“更多設(shè)置”，然后再點擊“設(shè)置”小圖標(biāo)，選擇環(huán)境并確定。

如果你有多個云開發(fā)環(huán)境，可以通過右鍵cloudfunctions文件夾名稱，選擇“更多設(shè)置”，然后再點擊“設(shè)置”小圖標(biāo)來切換開發(fā)者工具的云開發(fā)環(huán)境。

4、指定小程序的云開發(fā)環(huán)境

在開發(fā)者工具中打開源代碼文件夾miniprogram里的app.js文件，找到如下代碼：

wx.cloud.init({ ?// env 參數(shù)說明： ?// ? env 參數(shù)決定接下來小程序發(fā)起的云開發(fā)調(diào)用（wx.cloud.xxx）會默認(rèn)請求到哪個云環(huán)境的資源 ?// ? 此處請?zhí)钊氕h(huán)境 ID, 環(huán)境 ID 可打開云控制臺查看 ?// ? 如不填則使用默認(rèn)環(huán)境（第一個創(chuàng)建的環(huán)境） ?// env: 'my-env-id', ?traceUser: true,})

在?env: 'my-env-id'處改成你的環(huán)境ID，注意需要填入的是你的環(huán)境ID而不是環(huán)境名稱哦，結(jié)果如下：

wx.cloud.init({ ?env: 'xly-xrlur', ?traceUser: true,})

因為云開發(fā)可以創(chuàng)建多個環(huán)境，比如微信小程序就可以創(chuàng)建兩個免費的云開發(fā)環(huán)境，一個用于測試，一個用于正式發(fā)布。如果你沒有在小程序端指定環(huán)境，會默認(rèn)選擇為你創(chuàng)建的第一個云開發(fā)環(huán)境。我們可以通過修改env的參數(shù)來切換小程序端用來調(diào)用的云開發(fā)環(huán)境。

云開發(fā)能力全局只需要初始化一次即可，這里的traceUser屬性設(shè)置為true，會將用戶訪問記錄到用戶管理中，在云開發(fā)控制臺的運(yùn)營分析—用戶訪問里可以看到訪問記錄。

5、基礎(chǔ)庫版本與開發(fā)者工具設(shè)置

除了開發(fā)者工具的版本，小程序以及云開發(fā)的能力都非常依賴基礎(chǔ)庫，如果開發(fā)者工具的基礎(chǔ)庫版本過低，就會出現(xiàn)很多API會報錯；基礎(chǔ)庫的版本和微信iOS、安卓、PC和Mac的終端是有對應(yīng)關(guān)系的，高版本的基礎(chǔ)庫無法兼容低版本的微信客戶端，我們可以在開發(fā)者工具看到不同的基礎(chǔ)庫用戶終端的占比情況。

點擊開發(fā)者工具右上角的詳情，在本地設(shè)置可以看到除了可以設(shè)置基礎(chǔ)庫以外，還有一些其他設(shè)置。

• 如果是為了體驗功能，選擇基礎(chǔ)庫時當(dāng)然是越高越好，更高版本的基礎(chǔ)庫意味著更多的功能支持以及更少的bug，基礎(chǔ)庫新增了哪些功能，做了哪些改動，可以閱讀了解一下基礎(chǔ)庫的更新日志；不過實際使用時，要考慮用戶的分布情況；

• 增強(qiáng)編譯可以增強(qiáng)ES6轉(zhuǎn)ES5的能力，小程序端就能支持大部分es6等一些JavaScript的語法，比如表常用的async/await；

• 建議在學(xué)習(xí)時，勾選“不校驗合法域名、業(yè)務(wù)域名、TLS版本以及HTTPS證書”，讓小程序支持調(diào)試外部鏈接；

基礎(chǔ)庫的版本是進(jìn)行小程序云開發(fā)時不容忽視的一個問題，因為基礎(chǔ)庫版本在不斷更新，我們之前開發(fā)的項目的基礎(chǔ)庫的版本可能會大大落后于現(xiàn)有使用最多的基礎(chǔ)庫版本，在我們使用新的開發(fā)者工具進(jìn)行調(diào)試時，可能會出現(xiàn)一些報錯；或由于沒有更新基礎(chǔ)庫版本，導(dǎo)致有些新功能使用不了，這個一定要注意。