微信小程序简单开发流程

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
};

  嘿嘿,好了就说这些吧。再说下去就有点露馅了,由于我是作后台的,前端其实也是撸别人的代码写的。具体上传、审核、目录结构、语法跳转等,篇幅所限就本身看官方开发文档吧。

  玩了蛮久的小程序,想一想最开始第一步如何权限获取?如何进行下一步?就困扰了我蛮久的。如今想一想真的很好笑,其实全部的都写在了文档中,只要耐下心来看完官方文档,一切真的不是事了。

  另外,欢迎访问个人我的小程序,给我爱人写的,因此只能两人同时使用才能体验到全部功能。可是,如今我的的部分也仍是能够用滴啦。

  

相关文章
相关标签/搜索