小程序完成後臺連接

  在小程序相當火熱的今天,開發小程序成爲一個很好的職業選擇。

官方的話就別說了好吧。


1.首先第一步就是得先有個小程序(https://mp.weixin.qq.com),上這個連接找騰訊解決,有詳細的介紹,不會的話,那就不用搞微信小程序開發啦


2.註冊了小程序之後,對前端了解的話,小程序真的是秒入門。接下來那就是後臺的問題了 。這裏介紹的是“知曉雲”,這個平臺目前有提供一個個人版免費接入後臺,這裏就上一下鏈接:https://cloud.minapp.com/,當然你也可以問問百度


3.想了解比較詳細的,那就先看看這個,360doc:http://www.360doc.com/content/17/0818/08/153935_680059900.shtml# 


4.看完着個 還是不夠了解吧,所以你纔要看看我這個補充說明嘛。


5.以上文檔已經說明了如何配置後臺,配置好域名等內。接下來那就建立表格的問題了。

在小程序對知曉雲授權之後,就可以在以上畫出的位置添加對應的數據。添加列的時候要注意設置列的名字就好啦。因爲到小程序裏會用到。


6。接下來就是小程序中的把戲了。

7. 建立工程文件之後,在app.js的文件下,添加添加以上在知曉雲下載的SDk文件。

首先將SDK文件存入工程文件中,


然後用代碼添加進來



以上打碼的地方就是自己建立數據表格的時候所生成的,至於clientId 話,在知曉雲的“設置處“查看。


以上就是配置好文件了小程序和後臺的基本操作,那麼還需要確定將數據存到後臺數據表的那個位置啊

這就是文章重點之處了。

首先上代碼,這些代碼是參考別人的


let getBooks = (ctx, cb) => {

let tableId = getApp().globalData.tableId,
Books = new wx.BaaS.TableObject(tableId)

Books.find()
.then(res => cb(res))
.catch(err => console.dir(err))
}

let addBook = (ctx, cb) => {

let tableId = getApp().globalData.tableId,
Books = new wx.BaaS.TableObject(tableId),
Book = Books.create(),
book = ctx.data.creatingBookName

let data = {
book,
}

Book.set(data)
.save()
.then(res => cb(res))
.catch(err => console.dir(err))

}

let updateBook = (ctx, cb) => {
let tableId = getApp().globalData.tableId,
recordId = ctx.data.curRecordId,
book = ctx.data.editingBookName

let Books = new wx.BaaS.TableObject(tableId),
Book = Books.getWithoutData(recordId)

let data = {
book
}

Book.set(data)
.update()
.then(res => cb(res))
.catch(err => console.dir(err))
}

let deleteBook = (ctx, cb) => {
let tableId = getApp().globalData.tableId,
recordId = ctx.data.curRecordId

let Books = new wx.BaaS.TableObject(tableId)

Books.delete(recordId)
.then(res => cb(res))
.catch(err => console.dir(err))
}

module.exports = {
getBooks,
addBook,
updateBook,
deleteBook,
}

注意以上的book。這個名稱關乎到小程序與後臺的對接成功與否。這個就是需要和你所建立的表格名稱一致


至此,基本就完成了


在這可以看到,小程序添加的數據在後臺正常存儲。


分享一個github鏈接,內有他人的工程代碼:https://github.com/ifanrx/hydrogen-demo

如有不瞭解的地方,可以添加本人微信,我們一起探討學習學習:LinLinux6_13


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章