微信小程序开发部署

匡生發表於 2020-7-17 17:16:00

<h2>一、开发准备</h2>
　　1，想要开发微信小程序，必须要有一个AppId，如果没有可以去注册一个。
  　　  https://mp.weixin.qq.com/进入注册页面，点击上方注册。
　　　　　 <img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717170707607-1667619968.png">
 
 
　　2，点击选择“小程序”出现注册页面。
　　　　 <img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717170748786-1822332588.png">
 
 
 
　　3，填写账号信息，包含邮箱，密码，验证码。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717170917435-381735543.png">
 
 
 
　　4，登录邮箱，点击链接，进行验证。
　　5，进入信息登记界面，进行信息登记，分为“主体信息登记”和“管理员信息登记”。“主体信息提交后不可修改”!
<h2 class="p">二、小程序开发</h2>
　　1，小程序开发需要安装开发者工具,下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171013338-289123335.png">
 
 
 
　　2，选择左边的小程序项目，让后选择项目的目录，你的AppID和项目名称。AppId需要在
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171027425-1439928837.png">
 
 
 
　　3，小程序需要能够访问https的域名才能够在手机上使用，获取数据。
　　4，微信小程序的开发可以参考微信小程序开发帮助文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
 
<h2 class="p">三、小程序发布上线</h2>
　　发布流程，大概分三个大步骤：上传代码、提交审核、发布版本
　　1、上传代码
　　　　在代码编写完毕后，在他顶部的导航条上找到【上传】
　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171057268-47584083.png">
　　　　如果你之前已经上传过了就会出现下面的提示：
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171113904-700380331.png">
 
 
 
　　　　然后这里填写对应的版本号和备注:
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171122588-317735775.png">
 
 
 
　　2、提交审核
　　进入他们的官网https://mp.weixin.qq.com进入【开发管理】然后右边下拉，这里就有你刚才提交的版本了。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171140638-38343352.png">
 
 
 
　　点击提交审核，会弹出【相关须知】这个是必须同意的。点击下一步，他会弹出一个新的窗口，用于填写你APP的一些检索信息，为了能让你的小程序能更好的被搜索到需要你慎重填写。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171152574-800682506.png">
 
 
 
　　填写方法看着截图应该就很明白了，这里需要提醒的是【标签】栏，这里更容易被搜索，然后如果你有多个页面需要被检索可以点击【标签】下面的【添加功能页面】添加多个页面。到这里点击【提交审核】，审核这步就算走完了。
　　3、发布版本
　　审核通过了不代表就能在小程序里面搜索到，当你收到审核通过的微信通知后，需要再到后台里面来，找到【开发管理】里面的【审核版本】,点击【发布】后,一个小程序的发布到这里就完毕了。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171318439-2130888543.png">
 
 
 
<h2 class="p">四、SSL证书</h2>
　　腾讯云可以申请免费SSL证书，证书品牌TrustAsia，域名类型单域名，证书年限为1年。
　　申请流程：
　　登录腾讯云，选择云服务，在下拉列表中找到域名或网站分类，
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171325594-1598314025.png">
 
 
 
　　选择SSL证书—>证书管理—>申请免费证书。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171332318-378986311.png">
 
 
 
　　申请腾讯云免费SSL证书了，下面为免费申请页面，默认可以使用1年。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171339274-1299984815.png">
 
 
 
　　点击确定之后，进入如下页面，其中通用名称就是你的域名，申请邮箱就是你申请域名时使用的邮箱。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171346963-228123463.png">
 
 
 
　　点击下一步，进入到手动DNS验证或者文件验证页面，本文使用的是手动DNS验证，具体的操作步骤可以点击“详细说明”查看。
 　　　　<img src="https://img2020.cnblogs.com/blog/1889898/202007/1889898-20200717171355583-2040617505.png">
 
 
 
　　点击“确定”之后，会显示带验证的DNS的基本信息。主机记录、记录类型TXT，和记录值需要填写到你备案域名的地方。需要在域名注册商的域名管理配置中添加TXT记录，作用是验证你对域名的所有权和管理权。
　　下载证书时，会根据你的web服务器类型分为Nginx证书、apache证书、IIS证书等，这要根据自己的具体情况选择对应的证书类型下载即可。
<h2 class="p">五、tomcat安装SSL证书</h2>
　　1，进入 Tomcat 目录中的conf目录中，将下载的tomcat版SSL证书：域名.jks(如bjrqiao.club.jks)复制粘贴到目录中。
　　2，修改conf目录中的server.xml文件
<blockquote>
　　将<Connector port="8009" protocol="AJP/1.3" redirectPort="8443"/>
　　修改为<Connector port="8009" protocol="AJP/1.3" redirectPort="443"/>
 
　　将<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>
　　修改为<Connector connectionTimeout="20000" port="80" protocol="HTTP/1.1" redirectPort="443"/>
</blockquote>
 
　　并且增加配置
<blockquote>
<Connector port="443" protocol="org.apache.coyote.http11.Http11NioProtocol"
               maxThreads="150" SSLEnabled="true">
        <SSLHostConfig>
            <Certificate certificateKeystoreFile="conf/bjrqiao.club.jks"
 certificateKeystorePassword="7gqn4105n0838yn"
                         type="RSA" />
        </SSLHostConfig>
</Connector>
</blockquote>
　　3，进入Tomcat的bin目录中，重新启动tomcat
<blockquote>
关闭tomcat服务器指令：./shutdown
开启tomcat服务器指令：./start
</blockquote>
　　4,在浏览器中输入https://域名（如https://www.bjrqiao.club）。
　　参考文献：https://blog.csdn.net/weixin_42195311/article/details/88624019
<h2 class="p">六、服务器域名配置</h2>
　　每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）、下载文件（wx.downloadFile) 和 WebSocket 通信（wx.connectSocket）。
　　从基础库 2.4.0 开始，网络接口允许与局域网 IP 通信，但要注意不允许与本机 IP 通信。
　　从 2.7.0 开始，提供了 UDP 通信（wx.createUDPSocket)。
　　配置流程：
　　服务器域名请在 「小程序后台-开发-开发设置-服务器域名」中进行配置，配置时需要注意：
　　域名只支持 https (wx.request、wx.uploadFile、wx.downloadFile) 和 wss (wx.connectSocket) 协议；
　　域名不能使用 IP 地址（小程序的局域网 IP 除外）或 localhost；
　　可以配置端口，如 https://myserver.com:8080，但是配置后只能向 https://myserver.com:8080 发起请求。如果向 https://myserver.com、https://myserver.com:9091 等 URL 请求则会失败。
　　如果不配置端口。如 https://myserver.com，那么请求的 URL 中也不能包含端口，甚至是默认的 443 端口也不可以。如果向 https://myserver.com:443 请求则会失败。域名必须经过 ICP 备案；
　　参考文献：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html
<h2 class="p">七、配置网站</h2>
　　1，登录 腾讯云 DNS 解析控制台。在 “域名解析列表” 中，可查看全部已注册的域名。说明：若您需添加解析的域名未注册，请单击【添加解析】，在弹出 “添加解析” 窗口中，根据实际需求，填写需要解析的域名。
　　2，“域名解析列表” 中，选择需要解析的域名行，单击【解析】。
　　3，“记录管理” 页签中，可以通过单击【添加记录】或【快速添加网站/邮箱解析】添加解析记录。
 　　4,在弹出窗口填写服务器外网ip，并确认。
 
　　参考文献：https://cloud.tencent.com/document/product/302/3446 
来源：https://www.cnblogs.com/wangjinnan97/p/13331348.html

頁: [1]

琼殿技术论坛's Archiver

微信小程序开发部署