學(xué)習(xí)?視頻?網(wǎng)址?：【云開發(fā)實戰(zhàn)】30分鐘創(chuàng)建并上線小程序項目

https://www.bilibili.com/video/BV1Pc411h7RU

視頻-項目-源碼 ：

鏈接?: https://pan.baidu.com/s/1Rm916v_ZT8eOvKTCHYnykQ 提取碼 : wx66

目? ?錄

1、項目介紹

2、創(chuàng)建項目、云開發(fā)初始化、頁面初始化

什么云開發(fā)？

創(chuàng)建云開發(fā)項目

云開發(fā)初始化

微信官方文檔?：【云開發(fā)】

3、登錄功能（云函數(shù)的創(chuàng)建和調(diào)用）

微信官方文檔?：【組件】【表單組件】【Button】

微信官方文檔?：【云開發(fā)】【云函數(shù)】

獲取openid（每個微信號的唯一標(biāo)識）?

設(shè)置云函數(shù)

調(diào)用云函數(shù)

用戶登錄按鈕的設(shè)置：

登錄緩存的設(shè)置【wx.setStorageSync()、wx.getStorageSync()】

登陸成功后，保存用戶信息：

4、點擊按鈕生成記錄數(shù)據(jù)（云數(shù)據(jù)庫的插入）

在數(shù)據(jù)庫中創(chuàng)建集合

數(shù)據(jù)庫-集合-權(quán)限設(shè)置

微信官方文檔?：【云開發(fā)】【數(shù)據(jù)庫】

5、將記錄數(shù)據(jù)展示到頁面上（云數(shù)據(jù)庫的讀取）

更改日期顯示格式：

6、項目部署上線

查看小程序版本信息：?

---

1、項目介紹

2、創(chuàng)建項目、云開發(fā)初始化、頁面初始化

什么是云開發(fā)？

• 可以理解為微信官方給我們的一個免費服務(wù)器。
• 幫我們部署好了小程序的環(huán)境。
• 將服務(wù)器的一些功能，比如數(shù)據(jù)庫的增刪改查封裝成了接口。
• 我們不需要使用自己的服務(wù)器和域名就能讓別人訪問到我們的小程序。

創(chuàng)建云開發(fā)項目

云開發(fā)初始化

微信官方文檔?：【云開發(fā)】

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

3、登錄功能（云函數(shù)的創(chuàng)建和調(diào)用）

微信官方文檔?：【組件】【表單組件】【Button】

https://developers.weixin.qq.com/miniprogram/dev/component/button.html

?

微信官方文檔?：【云開發(fā)】【云函數(shù)】

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions.html

獲取openid（每個微信號的唯一標(biāo)識）?

?

設(shè)置云函數(shù)

每次修改代碼，都要重新上傳！！！?

調(diào)用云函數(shù)

用戶登錄按鈕的設(shè)置：

登錄緩存的設(shè)置【wx.setStorageSync()、wx.getStorageSync()】

登陸成功后，保存用戶信息：

Page({data: {userinfo: {}, //儲存用戶信息-userinfoopenid: "" //用來保存云函數(shù)獲取到的openid信息},onGotUserInfo: function(e) { //參數(shù)econst that = this; //保存this,調(diào)用that.setData// this.setData({ //setData()方法：保存獲取到的數(shù)據(jù)// x: e.detail.userInfo //保存用戶信息// })// console.log("x", this.data.x)wx.cloud.callFunction({ //調(diào)用云函數(shù)name: "login", //指定-要調(diào)用哪個云函數(shù)success: res => {console.log("云函數(shù)調(diào)用成功.")that.setData({ //this.setData():指的是這個方法,而不是頁面對象,this無效openid: res.result.openid,userinfo: e.detail.userInfo //當(dāng)云函數(shù)調(diào)用成功后,才給uesrinfo、openid賦值})//將openid保存到userinfo變量中，保存到緩存中//數(shù)據(jù)越少越好，兩條信息合成一條信息，將openid變成userinfo中的字段that.data.userinfo.openid = that.data.openidconsole.log("openid", that.data.openid)console.log("userinfo", that.data.userinfo)wx.setStorageSync("userinfo", that.data.userinfo) //保存緩存的方法wx.setStorageSync(key, data)},fail: res => {console.log("云函數(shù)調(diào)用失敗.")}})},onLoad: function (options) {//頁面加載調(diào)用登錄用戶信息,需要用到onLoad()生命周期函數(shù)const ui = wx.getStorageSync('userinfo')//獲取緩存信息wx.getStorageSync()---wx.setStorageSync()this.setData({//將變量保存到data數(shù)據(jù)中userinfo: ui,openid: ui.openid})} })

?

4、點擊按鈕生成記錄數(shù)據(jù)（云數(shù)據(jù)庫的插入）

在數(shù)據(jù)庫中創(chuàng)建集合

數(shù)據(jù)庫-集合-權(quán)限設(shè)置

微信官方文檔?：【云開發(fā)】【數(shù)據(jù)庫】

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database.html

5、將記錄數(shù)據(jù)展示到頁面上（云數(shù)據(jù)庫的讀取）

更改日期顯示格式：

6、項目部署上線

手機上，不能正確運行： 云函數(shù)沒有部署（cloud文件）；數(shù)據(jù)庫摻雜了一些錯誤的信息。

查看小程序版本信息：?

總結(jié)

以上是生活随笔為你收集整理的微信小程序【腾讯云开发】创建并上线小程序项目（涉及-数据库操作）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。