支付寶小程序面向我的開放了!我將以一個 Demo 爲例講解整個流程。


Hello,我是犯迷糊的小 K。目前是 ifanr 的一隻前端攻城獅,同時也是知曉雲團隊的一員。前端

3 月伊始,ifanr 旗下品牌——知曉雲 3.0 版本正式上線。這次更新獲得業內許多開發者的密切關注和積極支持,在此,我表明知曉雲團隊表示萬分感謝哈。( ̄▽ ̄)~*git

知曉雲是業界第一個支持多平臺小程序開發的後端雲服務,它免去了小程序開發中服務器搭建、域名備案、數據接口開發、線上運維等繁瑣流程,讓開發者更快、更低成本地作出優質的小程序。

言歸正傳。和許多童鞋同樣,小 K 使用知曉雲時,也是第一次開發小程序,開發過程也是百轉曲折。
所以,小 K 但願經過這篇文章,和各位童鞋進行交流。畢竟,你們的學習歷程是類似的,遇到的困惑也應該差很少。github

本文結構大體以下:小程序

  • 談談如何成爲支付寶小程序開發者。
  • 聊聊如何建立個人第一個支付寶小程序。
  • 以一個 Demo 爲例,詳細講講如何在支付寶小程序中接入和使用知曉雲 SDK。

如何成爲一名支付寶小程序開發者?

申請成爲支付寶小程序開發者,是一件再簡單不過的事兒,僅需 2 步,比把大象放進冰箱還簡單。segmentfault

第一步,登陸螞蟻金服開放平臺,註冊成爲小程序開發用戶。此過程須要你依次完成帳號信息、郵箱激活和信息登記等流程。後端

第二步,完成上述操做後,就能進入小程序管理後臺,點擊建立應用並填寫信息,建立成功後便可獲取開發小程序的 AppID。
嗯,如今小 K 已是一枚準小程序開發者啦。(後續請進入小程序配置-設置-開發設置,根據平臺的設置方式教程,配置接口加簽方式,得到支付寶公鑰和密鑰文件)

安全

如何建立個人第一個小程序?

得到了「准入資格」後,小 K 開始參照小程序官方文檔,下載官方的開發者工具並建立了一個初始化的小程序。服務器

Well done!小 K 的第一個初始化小程序誕生了~ 數據結構

接下來,能夠看看支付寶小程序官方的體驗小程序 Demo 教程文檔,熟悉一下小程序代碼組織方式和開發特性。app

如今,有了開發工具和基礎知識積累,能夠試試 freestyle 咯。

惟一的問題是:小 K 應該選擇什麼類型的小程序做爲 Demo 呢?

對於 Demo 選擇,惟一的原則就是精簡

  • 「簡」是像小 K 這樣的小白開發者一看就懂。
  • 「精」是儘量在有限的代碼中,體現知曉雲功能的強大性。

因而,我選擇了個經典的 TodoMVC 的小程序——「個人書架」做爲示例。

因爲「個人書架」 Demo 將知曉雲的核心模塊之一——數據管理的 CRUD 操做很好地展現了出來,因此,咱們但願經過這個 Demo 讓各位童鞋學會利用知曉雲,完成常見的數據增刪改查功能。

如何在小程序中調用知曉雲 SDK?

  1. 準備工做

在正式使用知曉雲的 SDK 前,首先確保走完如下 2 個流程:

第一,完成小程序的受權。目前,知曉雲在註冊模塊和設置模塊都有提供小程序受權操做,兩者的受權流程大致一致。在這裏,咱們演示設置模塊的小程序操做。

點擊應用標籤,進入應用的管理面板;

進入管理面板後,切換到設置模塊並進入應用設置 tab 頁,點擊平臺設置-支付寶小程序-當即開通,點擊編輯並填寫相關配置信息後便可完成受權。

第二,在「小程序後臺」配置安全域名。

  1. 裝載 SDK

接下來,看看知曉雲的 SDK 的使用說明文檔。老夫掐指一算,將 SDK 的接入小程序的方法和數據表操做看了一遍,約莫花費 10 分鐘。

畢竟 Demo 只涉及數據操做嘛,因此要作到有的放矢,要啥看啥。

下載知曉雲提供的 SDK 後,將其引入小程序的 app.js 中,並經過在前面的設置模塊的小程序設置 tab 頁中獲取當前應用的 ClientID

  1. 設計數據結構和建立數據表

完成上述操做後,小 K 就可使用 SDK 提供的各類接口,接下來思考一下「個人書架」將用到什麼數據及其結構。

因爲是第一個 Demo ,本着精簡的原則,小 K 在此就只設計了一個 bookName 的字段

Tips:知曉雲的數據管理模塊會爲每張數據表自動建立 idcreate_bycreate_atupdate_atacl 等字段。

根據文檔提示,在使用知曉雲的數據管理模塊時,須要首先提供存放數據的 tableName。所以,首先要在知曉雲開發者平臺建立數據表從而獲取 tableName

獲取 tableName 後,小 K 將其放在了 app.js 文件的 globalData 對象上,以供後面各類數據操做接口的參數調用。



開始使用知曉雲的 SDK

小 K 在這裏不會細談「個人書架」是如何編寫的,由於不一樣的童鞋的對這個功能的實現方式可能不同。
小 K 只會談在哪些控件中使用知曉雲提供的接口,來實現小 K 的需求——添加一本書。

  1. 建立書目記錄

翻查了文檔,發現建立一條記錄很簡單,只須要調用 create 建立一條空記錄,而後調用 set 爲上面建立的空記錄賦值,最後調用 save 將建立的記錄保存到服務器便可。


  1. 更新一條記錄

有時,小 K 手抖,在輸入書目的時候填寫了錯別字,那麼理應提供一個更新記錄的功能吧;

知曉雲提供了 update 接口,讓更新數據 so easy。


  1. 刪除一條記錄

最後,當小K的書架再也不存在某本書時,必然須要一個刪除操做。經過調用 delete 接口就能夠實現一條記錄的刪除操做。


最後的話

以上就是小 K 用知曉雲烹調出的第一個支付寶小程序——「個人書架」,最主要就是用到了知曉雲的數據管理功能模塊。

固然,知曉雲還提供做爲 BaaS 產品的基礎文件上傳和數據統計功能等,同時具有貼切小程序的特性功能,譬如支付寶支付和富文本編輯功能。*

除了「個人書架」 Demo 外,知曉雲官方還提供了知曉雲 SDK 官方示例小程序,用於演示 SDK 更豐富的接口使用方法。代碼已開源在 ifanrX 的 GitHub 上,連接:https://github.com/ifanrx/hyd... 有興趣的童鞋能夠 star 或是 fork 一下。


本文首發於「知曉雲」公衆號:https://mp.weixin.qq.com/s/Vk...

知曉雲是國內首家專一於小程序開發的後端雲服務。使用知曉雲,小程序開發快人一步。

相關文章
相關標籤/搜索