小程序傳統(tǒng)開發(fā)模式

云開發(fā)模式

什么是Serverless？

云開發(fā)與 Serverless

什么是小程序云開發(fā)？

云開發(fā)優(yōu)勢與基礎(chǔ)能力

云開發(fā)優(yōu)勢

• 快速上線

• 專注核心業(yè)務(wù)

• 獨立開發(fā)一個完整的微信小程序

• 不需要學習新的語言，只需要掌握 Javascript

• 無需運維，節(jié)約成本

• 彈性伸縮

• 數(shù)據(jù)安全

云開發(fā)基礎(chǔ)能力

云開發(fā)開通及控制臺功能

1. 先新建一個云開發(fā)項目：
   

2. 點擊左上角的云開發(fā)按鈕就能進入控制臺了：
   

代碼結(jié)構(gòu)初始化

把調(diào)試基礎(chǔ)庫的版本改為最新：

然后把環(huán)境ID填入代碼中：

打開 app.json 文件，加入以下代碼：

"tabBar":{"color": "#474747",
    "selectedColor": "#d43c43",
    "list":[{  "pagePath": "pages/playlist/playlist",
      "text":"音樂",
      "iconPath": "images/music.png",
      "selectedIconPath": "images/music-actived.png"
    },{  "pagePath": "pages/blog/blog",
      "text":"發(fā)現(xiàn)",
      "iconPath": "images/blog.png",
      "selectedIconPath": "images/blog-actived.png"
    },{  "pagePath": "pages/profile/profile",
      "text":"我的",
      "iconPath": "images/profile.png",
      "selectedIconPath": "images/profile-actived.png"
    }
  ]
  },

調(diào)試可以看到，坐標欄的基本功能實現(xiàn)就差不多了：

代碼規(guī)范

• 盡量使用 let / const 去定義變量，不要用 var，因為 var 有跨級作用域，而 let 沒有，而 const 對未來不會發(fā)生改變的變量有保護作用；

• 創(chuàng)建對象時，用 const obj = {}，而不是 const obj = new Object()；

• 創(chuàng)建數(shù)組時，用 const arr = []，而不是 const arr = new Array()；

• 監(jiān)聽頁面初次渲染完成的生命周期函數(shù)一般不用 onReady: function() {}，而用 onReady() {}；

• const person = { userName: userName, age: 33 } 可以簡寫成 const person = { userName, age: 33 }，并且簡寫屬性最好放在前面；

• 調(diào)用云函數(shù)的方法：（要先把該方法上傳并部署到服務(wù)器）

wx.cloud.callFunction({
name: 'login'
}).then((res) => {
console.log(res)
this.setData({
openid: res.result.openid
})
})

• 每行代碼結(jié)尾可以不加分號；