小程序模板網(wǎng)

微信小程序 使用LeanCloud(一)前端使用

發(fā)布時間:2017-12-21 10:08 所屬欄目:小程序開發(fā)教程

首先聲明一下,自己搞這個小程序,但是對這個后臺幾乎是渣渣,所以后臺基本依賴別人。而今天偶然看別人寫的Demo中用到了這個東西,很是好奇,后臺很容易就能實(shí)現(xiàn)。缺點(diǎn):1,價格真TM貴,LeanCloud云引擎最低配30元/ ...

 
 
 

首先聲明一下,自己搞這個小程序,但是對這個后臺幾乎是渣渣,所以后臺基本依賴別人。 
而今天偶然看別人寫的Demo中用到了這個東西,很是好奇,后臺很容易就能實(shí)現(xiàn)。 
缺點(diǎn): 
1,價格真TM貴,LeanCloud云引擎最低配30元/月, 
2,后臺放在別人服務(wù)器上,哪天掛了找誰去啊, 
3,而且那點(diǎn)小秘密都被別人看見了。。。 
優(yōu)點(diǎn): 
1,快速開發(fā), 
2,(借用郭德綱的一句話),恩~~會有的

好了,用不用自己看著來吧,不用的話,文章底部,點(diǎn)個贊再走吧,么么噠

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

在 app.js 中使用 
const AV = require('./libs/av-weapp-min.js');
// LeanCloud 應(yīng)用的 ID 和 Key
AV.init({ 
 appId: 'e6FRGuyy23GkkrQeAPuW3ONJ-gzGzoHsz', 
 appKey: '13oC4vlWkXpyiGVTLCArSpLe', 
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

**

4.數(shù)據(jù)綁定

**  4.1:首先需要創(chuàng)建一個對象類,也就是你數(shù)據(jù)庫里的表

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;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

4.2在index.js中如何操作

//index.js
//獲取應(yīng)用實(shí)例
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);
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

5.讀取整張表

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

6.一鍵登錄

// LeanCloud 的用戶系統(tǒng)現(xiàn)已支持一鍵使用微信用戶身份登錄。  // 要使用一鍵登錄功能,需要先設(shè)置小程序的 AppID 與 AppSecret:  // 如果該用戶是第一次使用此應(yīng)用,調(diào)用登錄 API 會創(chuàng)建一個新的用戶  // 同一個用戶再次調(diào)用登錄 loginWithWeapp() 會返回同一個用戶。  // 用戶的登錄狀態(tài)會保存在客戶端中

// 支持一鍵使用微信用戶身份登錄,信息并不完整
App.AV.User.loginWithWeapp()
.then(user => console.log(user.toJSON()))
.catch(console.error)
// 獲取本地當(dāng)前用戶信息 
const user = App.AV.User.current()
// 更新用戶信息
wx.getUserInfo({
  success(userInfo) {
    // 更新當(dāng)前用戶的信息
    user.set(userInfo)
      .save()
      .then(user => console.log(user.toJSON()))
      .catch(console.error)
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

7.啟用其他登錄方式

// 小程序登錄
AV.User.loginWithWeapp().then(user => {
  // 設(shè)置并保存手機(jī)號
  user.setMobilePhoneNumber('13000000000');
  return user.save();
}).then(user => {
  // 發(fā)送驗證短信
  return AV.User.requestMobilePhoneVerify(user.getMobilePhoneNumber());
}).then({
  // 用戶填寫收到短信驗證碼后再調(diào)用 AV.User.verifyMobilePhone(code) 完成手機(jī)號的綁定
  // 成功后用戶的 mobilePhoneVerified 字段會被置為 true
  // 此后用戶便可以使用手機(jī)號加動態(tài)驗證碼登錄了
}).catch(console.error);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

8.文件存儲

wx.chooseImage({
  count: 1,// 最多可以選擇的圖片張數(shù),默認(rèn)9
  sizeType: ['original', 'compressed'], //  original 原圖,compressed 壓縮圖,默認(rèn)二者都有
  sourceType: ['album', 'camera'],  //  album 從相冊選圖,camera 使用相機(jī),默認(rèn)二者都有
  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()))  //  返回服務(wù)器圖片地址
      .catch(console.error);
  }
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

9.綁定現(xiàn)有客戶

// 首先,使用用戶名與密碼登錄一個已經(jīng)存在的用戶
AV.User.logIn('username', 'password').then(user => {
  // 將當(dāng)前的微信用戶與當(dāng)前登錄用戶關(guān)聯(lián)
  return user.linkWithWeapp();
}).catch(console.error);


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/18219.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢