微信小程序从开发到上线流程
<h4 id="一微信小程序从开发到上线流程">一、微信小程序从开发到上线流程</h4><h5 id="注册小程序">注册小程序</h5>
<p>1、登录微信公众平台 https://mp.weixin.qq.com</p>
<p>2、在微信公众平台>立即注册>小程序中注册微信小程序</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328210746557-666671.png" alt="" loading="lazy"></p>
<p>3、在邮箱中激活并完善开发者资料，填写企业信息</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328211451775-1383834129.png" alt="" loading="lazy"></p>
<p>4、提交审核</p>
<p>5、审核通过之后，在微信公众平台登陆小程序设置小程序基本信息</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202106/1634419-20210602090620316-1479572122.png" alt="image" loading="lazy"></p>
<p> 6、在微信公众平台>开发管理>开发设置中获取AppID(小程序ID)以及AppSecret(小程序密钥)</p>
<p> 7、在微信公众平台>开发管理>开发设置中配置合法域名</p>
<p> 8、在微信公众平台>成员管理中设置管理员权限及开发者权限<br>
</p>
<h5 id="开发小程序">开发小程序</h5>
<p> 1、打开微信开发者工具新建项目</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328213655669-2056008529.png" alt="" loading="lazy"></p>
<p> 在appid栏输入微信公小程序的appid，并将秘钥给服务端开发者，自定义登录态时，调用wx.login接口获取登录凭证（code）。将code传给服务端，服务端调用auth.code2Session 接口，使用凭证code换取用户登录态信息，包括用户在当前小程序的唯一标识（openid）、微信开放平台帐号下的唯一标识（unionid，若当前小程序已绑定到微信开放平台帐号）及本次登录的会话密钥（session_key）等。临时登录凭证 code 只能使用一次。</p>
<p> 2、项目目录</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328221116345-1401051722.png" alt="" loading="lazy"></p>
<p>app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。<br>
pages文件夹中用来配置小程序的每个页面。<br>
sitemap.json用来配置每个页面是否允许被微信索引。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。可以在这里根据微信小程序的搜索排名机制来做小程序seo优化，使其优先被搜索到。默认所有页面开启索引，配置详情：https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html<br>
project.config.json为项目配置文件</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328222440292-1317899574.png" alt="" loading="lazy"></p>
<p>ES6转ES5用于编译es6语法。<br>
增强编译用于编译es7、es8语法。<br>
使用npm模块之后可以构建npm依赖包。<br>
正式发布的小程序的网络请求需要校验合法域名以及域名的 TLS 版本。 在开发过程中可以勾选不校验合法域名，开发工具将不会校验安全域名，以及 TLS 版本，可使用http请求完成调试工作。</p>
<p>3、构建npm</p>
<p> 由于node_modules 目录不会参与编译、上传和打包中，所以小程序想要使用 npm 包必须走一遍“构建 npm”的过程，生成一个 miniprogram_npm 目录，里面会存放构建打包后的 npm 包，也就是小程序真正使用的 npm 包。使用npm模块之后可以构建npm依赖包。<br>
在项目根目录下打开终端，使用命令npm init 新增一个package.json文件后使用npm install 下载所需依赖，下载完成后在开发工具中点击工具>构建npm。</p>
<h5 id="发布小程序">发布小程序</h5>
<p>1、开发工具中点击上传按钮，上传代码。上传时需要添加当前版本的描述。</p>
<p><img src="https://img2020.cnblogs.com/blog/1634419/202103/1634419-20210328225329581-976692693.png" alt="" loading="lazy"></p>
<p>2、上传完代码后，在微信公众平台>版本管理,将此版本选为体验版，即可扫码来访问小程序。<br>
3、测试通过后，在微信公众平台>版本管理中点击提交审核。<br>
4、审核通过后，在微信公众平台>版本管理中点击发布代码。发布完成后，在微信中搜索小程序名称可以访问到小程序。<br>
5、版本回退，在微信公众平台>版本管理>线上版本中点击版本回退（将会保存近5次提交的版本），选择想回退的版本并确定。</p><br><br>
来源：https://www.cnblogs.com/dubayaoyao/p/14839810.html
頁:
[1]