title: 微信小程序开发注意事项
tags:

  • 前端
  • 微信小程序
    categories:
  • 前端
    date: 2020-05-09 13:50:03

记录一下

准备

  1. 开发前要准备：

    1. 域名 + https，后台配好业务域名，如果需要内嵌WebView的方式嵌入网页，需要配置js安全域名
    2. 开发者权限拿到
    3. 登录后台拿到AppId

开发

  1. 项目创建：

    1. 开发者工具调试打开，新建项目，填入appid。
    2. 打开开发者工具之后，右侧详情面板确认一下，微信管理后台配置的业务域名等是否成功，点击刷新按钮刷新一下。

  2. 开发工具使用：

    1. 真机预览：我习惯的开发过程是，先在模拟器中切页面，切好之后，在真机预览中查看一下效果，一些情况下，真机预览和模拟器中效果不一样，以真机中的为准。
    2. 真机调试：对接接口，一般接口开发工具中对接，涉及到真机能力的时候，需要使用真机调试，比如：摄像头，分享，拨打电话，获取位置（开发工具可以模拟）等。

    3. 编译模式：

      1. 普通编译模式：入口页page/index/index
      2. 自定义编译模式可以设置入口页，是否携带参数，方便调试开发。

  3. 代码注意事项：

    1. 本地资源无法通过 css 获取 可以使用网络图片，或者 base64，或者使用 标签

发布