微信小程序开发常识

• 1. 小程序开发者工具使用
• 2. npm模块构建
• 3. 不校验合法域名

1. 小程序开发者工具使用

新建小程序项目

1. 扫码登录微信开发者工具
2. 新建微信小程序项目, 工作目录选择在项目的dist目录
   如果没有dist目录,请先在项目在本目录执行 npm run test-wx-app
3. AppID填写为项目经理提供的AppID, 如果没有可以先使用`飞道测试小程序`的AppID: `wx76be1f60d92a519e`
   如果提示不是小程序的开发者, 请联系开发组长
4. 项目名称, 自定义

2. npm模块构建

如果项目需要使用自定义组件, 首先在项目的src-wx-app目录内, 需要有package.json文件, 通过package.josn文件引入自定义组件项目, 再通过开发者工具构建npm, 才可以使用自定义组件。

package.json示例

{
	"name": "@feidao/daoke",
	"version": "1.0.2018",
	"description": "珠宝小程序项目",
	"spaceid": "jewelry_mall",
	"dependencies": {
		"@feidao-factory/widgets-wxapp": "latest"
	}
}

构建npm模块步骤

1. 使用命令行切到项目的dist目录
   如果没有dist目录,请先在项目在本目录执行 npm run test-wx-app
2. 执行 npm i 安装控件依赖
3. 进入开发者工具, 开发者工具的标题菜单, 工具 -> 构建npm
4. 开发者工具右上角, 点击详情按钮, 把划出框内的 '使用npm模块' 的选项打上对勾, 调试基础库选择为2.4.3

3. 不校验合法域名

正式的小程序要求请求地址要为具有https协议的域名, 但是项目开发的过程中我们大多数使用 127.0.0.1 的本机ip, 所以我们需要设置开发着工具不校验合法域名。具体操作如下：

1. 打开微信开发者工具，点击右上角详情按钮
2. 把划出的详情框内的，`不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书` 的选项勾上即可