微信小程序入门Cookbook-1(不定期更新)

来源:互联网 发布:linux上svn创建项目 编辑:程序博客网 时间:2024/05/16 14:45

服务注册

  1. 服务器
    服务器使用国内备案的服务器和域名,后端环境LNMP(PHP)或依据业务要求自己选择。
  2. 域名注册
    域名必须备案。
  3. HTTPS
    证书可使用免费HTTPS证书,可在阿里云、腾讯云、七牛云存储等服务商注册获取。获取证书后需配置Web服务支持HTTPS。注意升级OpenSSL版本至1.0.1g或更高版本,1.0.1e等版本存在 heart bleed。
  4. 应用号(小程序号)注册
    mp.weixin.qq.com注册小程序账号,一个账号对应一个小程序。开发完成后可关联小程序至公众号,每个公众号仅支持最多关联5个小程序。

环境准备

  1. Nginx configure时开启openssl支持,防火墙放行 tcp:443
  2. 注册HTTPS证书时可选两种认证方式(文件验证或DNS解析配置TXT记录),如果选择文件验证则按照要求上传文件,如果选择DNS验证则添加指定值的DNS记录后验证即可。
  3. Nginx
HTTPS:    server {        listen 443; #监听 tcp:443        ssl on; #开启SSL        ssl_certificate cert.pem; #SSL证书        ssl_certificate_key cert.key; #SSL私钥        ssl_session_timeout 5m; #SSL会话缓存时间        ssl_ciphers BLABLABLA; #SSL证书秘钥        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #指定SSL证书协议        ssl_prefer_server_ciphers on; #指定服务器端秘钥优先于客户端秘钥时,使用SSLv3和TLS协议}
HSTS:    server {        listen 80;        server_name api.example.com;        rewrite ^/(.*) https://api.example.com/$1 permanent;    }

开发前准备

  1. 后端开发框架:ThinkPHP3.2.3(依据不同语言或项目需求可以自己选择)
  2. 微信web开发者工具 (绑定微信,选择项目类型,创建项目)

QuickStart

  1. 架构分析
    app.js 全局业务实现
    app.json 全局应用级配置文件
    app.wxss 全局样式文件
    Pages/Index/index.wxml 页面模板
    Pages/Index/index.wxss 页面样式文件
    Pages/Index/index.json 页面配置文件,仅允许配置Window相关
    Pages/Index/index.js 页面Controller,实现页面业务逻辑

  2. 规范和文档
    2.1 设计规范
    2.2 运营规范
    2.3 开发文档
    2.4 QuickStart

  3. 支持能力
    API文档

踩过的坑

  1. 在开发测试时一定情况下会出现应用一直加载的情况,这种情况可能是是因为微信和手机缓存的原因导致,出现这种情况可以清空一下微信和手机的缓存。
  2. 微信小程序包最大不能超过2M,因此所有静态文件资源最好通过外部调用。
  3. 微信Web开发者工具中调试面板切换style时会发生崩溃,微信官方正在解决中。
  4. 其他的坑发现再说~~~~
0 0
原创粉丝点击