天河君在第一时间通过了微信小程序验证,开启了我的微信小程序之旅。因为天河君之前是一名后端狗,对前端不是很了解,所以几乎可以认为是从零开始学做微信小程序。也希望有志在微信小程序方向做点事情的朋友能够和我一起,共同进步,以致千里。
上一篇是天河君在通过验证之后,兴奋的立即上手,在手机上跑了一回微信小程序。(天河微信小程序入门《一》
冷静下来后,天河发现,之前的很多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. [LeetCode] Find Median from Data Stream 找出数据流的中位数

    Median is the middle value in an ordered integer list. If the size of the list is even, there is no ...

  2. HAProxy的日志配置以及ACL规则实现负载均衡

    HAProxy配置日志策略 默认情况下,HAProxy是没有配置日志的在centos6.3下默认管理日志的是rsyslog,可以实现UDP日志的接收,将日志写入文件,写入数据库先检测rsyslog是否 ...

  3. poj3581

    Sequence Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 6893   Accepted: 1534 Case Tim ...

  4. neo4j-简介,安装

    1. Neo4j简介 Neo4j是一个用Java实现的.高性能的.NoSQL图形数据库. Neo4j 使用图(graph)相关的概念来描述数据模型,通过图中的节点和节点的关系来建模. Neo4j完全兼 ...

  5. 基于ArcGIS API for Javascript的地图编辑工具

    最近工作上需要用ArcGIS API for Javascript来开发一个浏览器上使用的地图编辑工具,分享一下一些相关的开发经验. 我开发的地图编辑工具是根据ESRI提供的例子修改而来的,参考的例子 ...

  6. 通过iMindMap改善你的工作方式的教程

    对于iMindMap 10,已经介绍了很多新增与改进的功能,你以为已经结束了?其实不然,本文,小编还会继续和你分享它的一个新功能与一个更新功能.这两个功能将在不经意间改善你的工作方式. 多媒体支持 在 ...

  7. Android——Handler

    Handler——是Android给我们提供用来更新UI的一套机制,也是一套消息处理机制,可以发送也可以处理消息 主要作用:1)在新启动的线程中发送消息:2)在主线程中获取.处理消息. (想想银行取钱 ...

  8. 【转】sublime配置默认浏览器+多浏览器快捷键

    配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -&g ...

  9. Linux指令

    文件指令 ls: ls -a :把隐藏的文件显示 ls -l  显示文件的详细信息 -lh  也是显示文件的详细信息,只是文件的大小是以k单位 ls -ld 显示指定目录下的信息 mkdir: mkd ...

  10. Day7-面向对象

    面向对象编程定义 OOP编程是利用"类"和"对象"来创建各种模型来实现对真实世界的描述,使用面向对象编程的原因一方面是因为它可以使程序的维护和扩展变得更简单,并 ...