微信小程序 使用LeanCloud

首先聲明一下,本身搞這個小程序,可是對這個後臺幾乎是渣渣,因此後臺基本依賴別人。 
而今天偶然看別人寫的Demo中用到了這個東西,非常好奇,後臺很容易就能實現。 
缺點: 
1,價格真TM貴,LeanCloud雲引擎最低配30元/月, 
2,後臺放在別人服務器上,哪天掛了找誰去啊, 
3,並且那點小祕密都被別人看見了。。。 
優勢: 
1,快速開發, 
2,(借用郭德綱的一句話),恩~~會有的javascript

好了,用不用本身看着來吧,不用的話,文章底部,點個贊再走吧,麼麼噠html

——————————————–華麗的分割線——————————————– 
官方文檔地址:https://leancloud.cn/docs/weapp.html 
1.下載SDK。 
2.若是你下一步是要發佈小程序了,別忘了把用到的域名添加上,https://leancloud.cn/docs/weapp-domains.html。 
3.安裝初始化:java

在 app.js 中使用 
const AV = require('./libs/av-weapp-min.js');
// LeanCloud 應用的 ID 和 Key
AV.init({ 
 appId: 'e6FRGuyy23GkkrQeAPuW3ONJ-gzGzoHsz', 
 appKey: '13oC4vlWkXpyiGVTLCArSpLe', 
});
  •  

**mysql

  • 4.數據綁定

** 
4.1:首先須要建立一個對象類,也就是你數據庫裏的表sql

const App = getApp()
// Todo類繼承AV.Object父類
class Todo extends App.AV.Object {
  // 字段的get set方法
  get content() { return this.get('content') }
  set content(value) { return this.set('content', value) }

  get done() { return this.get('done') }
  set done(value) { return this.set('done', value) }
}
// 將Todo在AV中註冊
App.AV.Object.register(Todo)
// 公佈你的Todo
module.exports = Todo;

4.2在index.js中如何操做數據庫

//index.js
//獲取應用實例
var App = getApp()
const Todo = require("../../model/todo");

Page({
  addTodoFun() {
    new Todo({
      content: this.data.myData,
      done: false
    }).save()
      .then(console.log)
      .catch(console.error);
  }
})
  •  

5.讀取整張表

new App.AV
  .Query('Todo')
  .find().then(data => this.setData({ todoList: data }))
  .catch(console.error)
  •  

6.一鍵登陸

// LeanCloud 的用戶系統現已支持一鍵使用微信用戶身份登陸。 
// 要使用一鍵登陸功能,須要先設置小程序的 AppID 與 AppSecret: 
// 若是該用戶是第一次使用此應用,調用登陸 API 會建立一個新的用戶 
// 同一個用戶再次調用登陸 loginWithWeapp() 會返回同一個用戶。 
// 用戶的登陸狀態會保存在客戶端中小程序

// 支持一鍵使用微信用戶身份登陸,信息並不完整
App.AV.User.loginWithWeapp()
.then(user => console.log(user.toJSON()))
.catch(console.error)
// 獲取本地當前用戶信息 
const user = App.AV.User.current()
// 更新用戶信息
wx.getUserInfo({
  success(userInfo) {
    // 更新當前用戶的信息
    user.set(userInfo)
      .save()
      .then(user => console.log(user.toJSON()))
      .catch(console.error)
  }
})
  •  

7.啓用其餘登陸方式

// 小程序登陸
AV.User.loginWithWeapp().then(user => {
  // 設置並保存手機號
  user.setMobilePhoneNumber('13000000000');
  return user.save();
}).then(user => {
  // 發送驗證短信
  return AV.User.requestMobilePhoneVerify(user.getMobilePhoneNumber());
}).then({
  // 用戶填寫收到短信驗證碼後再調用 AV.User.verifyMobilePhone(code) 完成手機號的綁定
  // 成功後用戶的 mobilePhoneVerified 字段會被置爲 true
  // 此後用戶即可以使用手機號加動態驗證碼登陸了
}).catch(console.error);
  •  

8.文件存儲

wx.chooseImage({
  count: 1,// 最多能夠選擇的圖片張數,默認9
  sizeType: ['original', 'compressed'], //  original 原圖,compressed 壓縮圖,默認兩者都有
  sourceType: ['album', 'camera'],  //  album 從相冊選圖,camera 使用相機,默認兩者都有
  success: function (res) {
    // 圖片地址
    var tempFilePath = res.tempFilePaths[0];
    // 保存圖片
    new App.AV
      .File('file-name', {  //  圖片名
        blob: { uri: tempFilePath, }, //  就是uri 不是url
      })
      .save()
      .then(file => console.log(file.url()))  //  返回服務器圖片地址
      .catch(console.error);
  }
});
  •  

9.綁定現有客戶

// 首先,使用用戶名與密碼登陸一個已經存在的用戶
AV.User.logIn('username', 'password').then(user => {
  // 將當前的微信用戶與當前登陸用戶關聯
  return user.linkWithWeapp();
}).catch(console.error);
相關文章
相關標籤/搜索