微信小程序开发笔记

在开发微信小程序之前,你需要基本掌握以下几种技术:

  • HTML
  • CSS
  • JS

简单介绍一下微信的几个API

  • wx.login

调用接口获取登录凭证(code),使用code调用code2Session接口,换取openid,unionid,session_key。关于unionid获取的方式,详见:unionid

  • wx.getSetting

获取用户的当前设置,简单来说,获取用户已授权的信息。其中包括用户信息,地理位置信息等。

  • wx.openSetting

调起客户端小程序设置界面,返回用户设置的操作结果。简单来说,跳转到一个授权的开关按钮页面,里面显示的已经向用户请求过的权限。

  • wx.getUserInfo

获取用户信息。这里返回的为用户的基本信息。encryptedData内包含用户的加密的uinionid等信息。解密需要用到此接口返回的signature和iv,以及code2Session接口返回的session_key

  • wx.setStorage

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

简单介绍一下微信的显性授权

从2018年4月30日开始,微信的部分接口将逐步不支持授权弹窗,详见:公告

对此微信提供了显性授权的方式,获取用户信息。<button open-type='xxx'></button> ,open-type类型详见:button

简单介绍一下微信自定义左侧顶部返回按钮

如果要自定义左侧顶部返回按钮,则需将app.json内window的navigationStyle属性设置为custom,可以写一个左侧顶部组件,在需要的页面内引入。组件内可自定义事件。

简单介绍一下wxs 定义公共脚本

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。简单说,你可以写页面处理函数,截取字符串,判断非空等等。详见:wxs

简单介绍一下common.js/index-config.js/url-config.js

common.js 此js 包含公共的一些函数 正则判断/公共接口/数据处理

index-config.js 包含正式/测试 环境切换 配置正式/测试环境域名

url-config.js 包含接口连接配置

简单介绍一下服务器域名/业务域名配置

涉及接口请求,文件上传,文件下载,socket均需要配置服务器域名

涉及web-view等 均需要配置业务域名

简单介绍一下本地图片的相关事宜

大于20K的图片尽量上传到CDN等云服务器上,使用网络访问方式,获取图片。

产品定位

小程序的产品定位是 轻而快 ,不要用APP的思维去定位小程序

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