學習?視頻?網址?：【云開發實戰】30分鐘創建并上線小程序項目

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

視頻-項目-源碼 ：

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

目? ?錄

1、項目介紹

2、創建項目、云開發初始化、頁面初始化

什么云開發？

創建云開發項目

云開發初始化

微信官方文檔?：【云開發】

3、登錄功能（云函數的創建和調用）

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

微信官方文檔?：【云開發】【云函數】

獲取openid（每個微信號的唯一標識）?

設置云函數

調用云函數

用戶登錄按鈕的設置：

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

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

4、點擊按鈕生成記錄數據（云數據庫的插入）

在數據庫中創建集合

數據庫-集合-權限設置

微信官方文檔?：【云開發】【數據庫】

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

更改日期顯示格式：

6、項目部署上線

查看小程序版本信息：?

---

1、項目介紹

2、創建項目、云開發初始化、頁面初始化

什么是云開發？

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

創建云開發項目

云開發初始化

微信官方文檔?：【云開發】

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

3、登錄功能（云函數的創建和調用）

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

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

?

微信官方文檔?：【云開發】【云函數】

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

獲取openid（每個微信號的唯一標識）?

?

設置云函數

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

調用云函數

用戶登錄按鈕的設置：

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

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

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

?

4、點擊按鈕生成記錄數據（云數據庫的插入）

在數據庫中創建集合

數據庫-集合-權限設置

微信官方文檔?：【云開發】【數據庫】

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

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

更改日期顯示格式：

6、項目部署上線

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

查看小程序版本信息：?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。