微信小程序|雲開發

問題描述node

最近須要開發一個微信小程序,但時間相對較短爲了更快的完成爲微信小程序的開發接觸到了微信小程序的雲開發,能夠不須要購買服務器,就能開發小程序和發佈小程序,對於動輒千元的服務器,極大的節約了開發成本,受不住誘惑,就開始了小程序的雲開發。npm

解決方案json

第一步:點擊雲開發小程序

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖1 步驟微信小程序

第二步:建立新環境,免費給予的基本夠我的使用服務器

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖2 步驟微信

第三步:根部新建文件夾:ide

Cloudfunctions函數

第四步:project.config.json配置雲開發文件夾學習

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖3 步驟

"cloudfunctionRoot": "cloudfunctions/",

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖4 步驟

第五步:連接雲開發

右鍵cloudfunctions 文件夾,更多設置選擇開發環境

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖2.5 步驟

顯示雲圖標,則連接上雲服務器

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖6 步驟

 此時就連接上雲開發了,接下來講一下雲函數:

右鍵文件夾 cloudfunctions 新建node.js雲函數

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖7 步驟

接下來 須要安裝node.js 和  npm,若是已安裝,就能夠直接安裝 wx-server-sdk,右鍵 test 文件夾選擇在終端中打開,輸入 :

npm install --save wx-server-sdk@latest

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖8 步驟

 安裝成功後多了一個文件

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖9 步驟

而後右鍵 test 文件夾就能夠上傳並部署了,部署成功後,請求雲函數:

/ 初始化雲開發

     wx.cloud.init({

       traceUser: true

     })

 

 //  調用登陸雲函數獲取openid

     wx.cloud.callFunction({

       name: 'login', //雲函數文件夾名字

       success: function (res) {

               

         //console.log(res)

 

       },

       fail: function (err) {

         console.log(err);

       }

     })

 

控制檯輸出:

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

圖10 步驟

即請求成功。

結語

微信小程序的雲開發功能對於初級開發者來講還相對比較好用,但其中雲函數須要學習的地方比較多,相對有一點難度

END


             

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

相關文章
相關標籤/搜索