微信小程序簡單開發流程

2017年初微信小程序正式低調上線,用戶能夠體驗各類各樣微信提供的服務。html

顧名思義,小程序的特色在於:‘小’,即不須要下載就能夠經過微信客戶端使用其提供的各類服務。這對內存愈來愈不夠用的手機來講,猶如甘露,一經發布便火了起來。同時,通過了2年多的發展,小程序已經造成了本身獨特的開發環境和開發者生態。前端

好了,進入正題,讓咱們看下開發小程序都須要哪些步驟?node

1、準備json

  1.在微信公衆平臺註冊一個小程序帳號。注意,由於微信官方規定,微信、小程序、公衆號都必須使用獨立的郵箱。因此,多註冊些郵箱吧。小程序

  2.部署一臺服務器,作爲後臺。且,必須使用https方式訪問後臺。微信小程序

  3.上述都知足後,就看官方小程序介紹文檔一步步來吧。api

2、開發服務器

  1.受權微信

  爲了理解方便,就先讓咱們用一張邏輯圖來看小程序是如何一步步進行受權登入的吧。session

 

 

上面是我整理的小程序的登陸受權邏輯,官方也給出了小程序的解密邏輯,以下,

 

   2.調用後臺api

   我是使用node.js的Promise進行的回調,具體看代碼吧。

var apiMethod = {
    login: 'login'
};

var request = (api,params) => new Promise((resolve, reject) => {
  log.info(api)
    wx.request({
    url: baseUrl + api,
    data: params,
    header: { 
      'content-type': 'application/json',
      'token':wx.getStorageSync("session_id"),//讀取token
      'sign':sign//簽名
    },//傳在請求的header裏
        success: (res) => {
      log.info(res)
      resolve(res);
        },
        fail: err => {
      log.info("api err ");
      log.info(err);
            reject(err);
        }
    })
})

var login = (params) => request(
  apiMethod['login'], params
);

module.exports = {
    login
};

  嘿嘿,好了就說這些吧。再說下去就有點露餡了,由於我是作後臺的,前端其實也是擼別人的代碼寫的。具體上傳、審覈、目錄結構、語法跳轉等,篇幅所限就本身看官方開發文檔吧。

  玩了蠻久的小程序,想一想最開始第一步如何權限獲取?如何進行下一步?就困擾了我蠻久的。如今想一想真的很好笑,其實全部的都寫在了文檔中,只要耐下心來看完官方文檔,一切真的不是事了。

  另外,歡迎訪問個人我的小程序,給我愛人寫的,因此只能兩人同時使用才能體驗到全部功能。可是,如今我的的部分也仍是能夠用滴啦。

  

相關文章
相關標籤/搜索