天河君在第一时间通过了微信小程序验证,开启了我的微信小程序之旅。因为天河君之前是一名后端狗,对前端不是很了解,所以几乎可以认为是从零开始学做微信小程序。也希望有志在微信小程序方向做点事情的朋友能够和我一起,共同进步,以致千里。
上一篇是天河君在通过验证之后,兴奋的立即上手,在手机上跑了一回微信小程序。(天河微信小程序入门《一》
冷静下来后,天河发现,之前的很多demo在手机上都用不了,因为公测后得到了appId,结果导致无法与后台通讯,appId和后台的服务器域名是绑定的。
没有后台的小程序是不完整的,于是天河开始着手打通前后台。碰到的第一个问题就是——微信小程序必须是https通讯。
https是加密通讯,显然是微信为了提高安全性,强制要求通过http协议访问的话必须是https,但是之前很多朋友都没有接触过这个东西,突然一下无从下手。
刚好天河是重新租用了一台新的服务器,就在这里介绍一下如何配置https。
天河是用的阿里云ECS服务器,Linux系统,安装的tomcat。
点击地址:云盾证书
打开阿里云盾——CA证书服务,找不到的朋友也可以在下图的菜单中直接点击

在右边的内容页中点击“购买证书”
 

进入购买页后,跟天河一样的选择赛门铁克的1年免费证书

记得一定要确认金额是0再点击购买哦,如果你们买了5000的,千万不要来找天河君……
后面就是各种支付流程,当然了,既然金额是0,那么也就是不用钱了。

点击证书控制台,这个时候你会发现你的控制台多了一个未绑定域名的证书(该免费证书只能绑定一个域名,并且不支持通配符哦),同时你会收到一封邮件,告诉你证书购买成功。

点击该证书的补全信息后,进入绑定域名的流程。

点击下一步后就要填写个人信息了。

这里会出现一个分支,就是填写域名验证方式,一种是DNS验证,一种是文件验证。其目的是为了证明这个域名是属于你的。
天河因为是买的阿里云的服务器,域名也是在万网申请的(万网已被阿里云收购),所以我选择了DNS验证,并且勾选了下面的自动完成域名配置选项。这样极大的简化了我后续的操作。至于这个分支会有什么影响,我等会儿再说。
在这里我建议大家如果是后台服务已经搭建好的,可以选择文件验证,如果只是一台空机器,装了个tomcat,还是选择DNS验证简单(但是可以不选择自动配置复选框)。
点击下一步后,来到了上传相关信息页面。

在这里我强烈建议大家选择系统生成CSR,否则要自己生成CSR文件什么的很麻烦,而且根本没那个必要。
选择系统生成后,点击后面的创建,会在按钮左边出现创建成功的字样,这个时候就可以提交审核了。
这个时候你的证书控制台的那条证书信息会发生变化。
<ignore_js_op>
首先证书绑定了域名,其次状态是正在审核中。
点击后面的进度链接,会出现弹出框。

这个弹出框就是因为天河在前面的步骤中选择了通过文件验证产生的结果,阿里云会让你下载一个文件,并将它上传到服务器的指定路径(记住这个路径不是你Linux操作系统的路径,而是你的域名所能够访问到的地址,在你没有开启自己的网络服务的前提下,应该是tomcat里面的一个路径),并通过下方的超链接去确认文件上传成功(成功的话你访问这个地址是会看到该文件内容的)。
那么如果你之前选择的是DNS验证呢?阿里云会给你一个指定的域名解析,你需要将这个域名解析放到你的DNS服务提供商所提供的域名解析服务中。
这里天河用的是万网的域名服务,各家不同的提供商可能界面也不一样哟。

因为天河勾选了自动配置,所以阿里云很体贴的帮我配好了,等我打开这个页面的时候,还被这条陌生的解析吓到了。如果你没有勾选自动配置,就配置一条CNAME记录,按照阿里云提供的字符填入主机记录和记录值,填完后记得保存。
这样配置完毕后,就可以等待审核通过了。我也没有具体掐表算过到底多长时间,反正不超过一个小时吧。
再次刷新证书管理台页面后会发现,通过啦!

看到那条已签发了么?通过之后就会是这样的显示。这说明你的证书已经申请成功了,接下来就是把它配置到你的服务器中去了。
这个时候,点击后面的下载链接。

看到了么?它支持5种主流的web容器,还有一个其他可以选择。天河是tomcat的,所以就给大家介绍一下tomcat的配制方法。
天河用的是tomcat7.0,所以是支持PFX格式的证书的,点击“下载证书for tomcat”,会下载一个压缩包,里面有3中类型的证书。
把*.pfx文件解压出来,上传到你的服务器的任何一个可以访问的文件夹。按照下方的介绍去配置tomcat的server.xml文件。
这里天河还弄了一点小误会,天河看到下面的配置说是“订单号”以为就是该页面左上角的订单号,结果配置后发现访问https是404,。后来发现下面说的“订单号”其实就是你那个pfx文件的文件名,所以在配置的时候统一吧“订单号”改成pfx文件的文件名就可以了。
配置完成后去重启tomcat,再用https访问你的tomcat页面(带8443端口,这是默认配的,也可以在server.xml里面改)

看到那把绿色的锁了么?它就代表你的https已经配置成功,可以正常访问了。至此,https这个问题已经大功告成。后面我们就开始研究如何将微信小程序的前后台连通啦。

天河微信小程序入门:阿里云tomcat免费配置https的更多相关文章

  1. 微信小程序开发《一》:阿里云tomcat免费配置https

    小狼咕咕最近开启了微信小程序开发的征程,由于微信小程序的前后台通信必须通过https协议,所以小狼咕咕第一件要做的事就是配置一个能够通过https访问的后台服务.小狼咕咕用的是阿里云ECS服务器,Li ...

  2. 天河微信小程序入门《三》:打通任督二脉,前后台互通

    原文链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=505&extra=page%3D1 天河君在申请到https ...

  3. 天河微信小程序入门《四》:融会贯通,form表单提交数据库

    天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...

  4. 微信小程序——引用阿里云字体

    阿里图标官网:http://www.iconfont.cn 使用阿里云图标大致的方法就是:选中你的图标——保存至你的项目——下载你的图标项目——在项目中引用字体文件. 具体方法可以参考:引用阿里云矢量 ...

  5. 微信小程序腾讯云配置Tomcat https端口

    在个人开发微信小程序时,发布之前要配置微信小程序的域名https及域名的SSL证书的申请及安装 我用的是腾讯云,SSL证书申请好之后,点击下载,解压文件夹,会有如图,根据你要配置的服务器是哪种,我是t ...

  6. 从零开始的微信小程序入门教程(一)

    之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程, ...

  7. 微信小程序入门知识点总结

    微信小程序入门知识点总结 前情介绍 ​ 微信小程序就不多介绍了,我们想要开发微信小程序首先得到微信公众平台 下方的小程序处注册相关账号并登录,接着填写小程序相关资料.在设置处可找到AppID用以开发微 ...

  8. 微信小程序开发 -- 通过云函数下载任意文件

    微信小程序开发 -- 通过云函数下载任意文件 1.云开发介绍 ​ 微信小程序开发者众所周知,小程序开发拥有许多限制,当我还是一个菜鸟入门的时候,第一关就卡在了没有备案域名的HTTP请求上面,那时候云开 ...

  9. 微信小程序+腾讯云直播的实时音视频实战笔记

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

随机推荐

  1. bzoj4196

    4196: [Noi2015]软件包管理器 Time Limit: 10 Sec  Memory Limit: 512 MBSubmit: 1376  Solved: 785[Submit][Stat ...

  2. echarts-案例

    关系图 http://echarts.baidu.com/echarts2/doc/example/force1.html http://www.cnblogs.com/spring_wang/p/4 ...

  3. rank()函数的使用

    排序: ---rank()over(order by 列名 排序)的结果是不连续的,如果有4个人,其中有3个是并列第1名,那么最后的排序结果结果如:1 1 1 4select scoreid, stu ...

  4. MySQL中的group_concat函数

    group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator '分隔符']) 以cat_id分组,把name字段的值打印在一行, ...

  5. Android测试基础题(三)

    今天接着给大家带来的是Android测试基础题(三).    需求:定义一个排序的方法,根据用户传入的double类型数组进行排序,并返回排序后的数组 俗话说的好:温故而知新,可以为师矣 packag ...

  6. C#面向对象设计模式纵横谈——4.Builder 生成器模式(创建型模式)

    动机 (Motivation) 在软件系统中,有时候面临着“一个复杂对象”的创建工作,其通常由各个部分的子对象用一定的算法构成:由于需求的变化,这个复杂对象的各个部分经常面临着剧烈的变化,但是它们组合 ...

  7. FFT 快速傅里叶变换浅析

    终于补完坑了哈哈哈 这个东西很神奇,看了半天网上的解释和课件,研究了很长时间,算是大概明白了它的原理. 话不多说先上图. 我们要求的h(x)=f(x)*g(x),f(x)=Σai*x^i,g(x)=Σ ...

  8. [bigdata] flume file channel CPU消耗比 memory channel高的原因

    https://www.quora.com/Why-does-flume-take-more-resource-CPU-when-file-channel-is-used-compared-to-wh ...

  9. Fiddler替换HTTP Request Host

    原文链接:http://caibaojian.com/fiddler.html 这边指的替换HTTP Request Host是,所有原先发到a.com的HTTP Request , Fiddler都 ...

  10. csv 中 数值被自动转换成科学计数法 的问题 excel打开后数字用科学计数法显示且低位变0的解决方法

    保存在csv中的 013812345678,前面的0会被去掉,后面是科学计数法显示.保存成 col1,="013812345678" 即可. 注意,分隔符逗号后面直接接“=”等号. ...