微信小程序搭建自己的Https服务器

所属分类: 网络编程 / JavaScript 阅读数: 1920
收藏 0 赞 0 分享

一、注册微信小程序

进入微信公众平台,使用邮箱账号,选择注册小程序账号。一个邮箱只能注册一个类型的微信账号(订阅号、服务号、小程序)。

二、搭建Https服务器

1、域名注册

1.1、登录腾讯云平台,并注册账号。

1.2、选择“云产品”—”域名服务“—”域名管理"

1.3、选择“域名”注册,根据提示进行注册。需要缴纳一定费用。

2、SSL证书管理

2.1、选择“云产品”—”域名服务“—”SSL证书管理",选择“申请证书(免费)”。若未认证,系统将提示进入系统认证
2.2、个人认证。
2.3、下载SSL证书。用于服务配置
2.4、本地安装证书。参考“证书安装指引https://cloud.tencent.com/document/product/400/4143

3、tomcat安装本地证书

3.1、下载SSL证书,解压并将对应Tomcat下的www.domain.com.jks件复制到tomcat安装目录下的conf目录下。
3.2、修改conf下的server.xml文件(先复制一份server.xml,防止修改内容出错)。修改内容如下:
a、将Http端口设置为默认的80端口,重定向端口设置为443(小程序服务器仅支持以上两个端口)。
b、添加SSL请求如下:

<Connector SSLEnabled="true" acceptCount="100" 
	clientAuth="false" disableUploadTimeout="true" 
	enableLookups="true" 
	keystoreFile="/conf/www.uyehyyh.com.jks" 
	keystorePass="yourKeystorePass" maxThreads="200" 
	port="443" 
	protocol="org.apache.coyote.http11.Http11NioProtocol" 
	scheme="https" secure="true" sslProtocol="TLS"/>

4、搭建第一个Https应用

1、Eclipse创建一个应用,在相应的web.xml倒数第二行,即</webapp>上一行,新增如下代码:

<login-config>
  <auth-method>CLIENT-CERT</auth-method>
  <realm-name>Client Cert Users-only Area</realm-name>
 </login-config>
 <security-constraint>
  <web-resource-collection>
   <web-resource-name>SSL</web-resource-name>
   <url-pattern>/*</url-pattern>
  </web-resource-collection>
  <user-data-constraint>
   <transport-guarantee>CONFIDENTIAL</transport-guarantee>
  </user-data-constraint>
 </security-constraint>

2、启动项目,本文使用Spring简单的向输出流输出字符串,用于小程序的接受。

@RequestMapping("/test")
	@ResponseBody
	public String test(){
		return "hehe";
	}

 3、通过腾讯云注册的域名访问相应Servlet,Http请求将自动转入Https请求

三、微信小程序访问服务器,并获取返回值

1、服务器配置

1.1、进入微信公众平台,并用小程序进行登录,选择“设置”—“开发设置”。在“服务器域名中,选择修改域名,填入腾讯云所申请的域名。如下图:

1.2、小程序中js调用微信接口,并访问服务器,获取返回值

wx.request({
   url:'https://mydomain.com/springmvc1/view/test',
   method:'post',
   success:function(res){
    console.log(res.data);
   }
 })

自此,小程序成功通过https的方式与服务器进入连接。

以上所述是小编给大家介绍的微信小程序搭建Https服务器详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

更多精彩内容其他人还在看

AngularJs IE Compatibility 兼容老版本IE

本文主要介绍AngularJs IE Compatibility 兼容老版本IE的问题及解决办法,有兴趣的小伙伴可以参考下
收藏 0 赞 0 分享

AngularJs Modules详解及示例代码

本文主要介绍AngularJs Modules的相关知识,这里整理了详细的资料及简单示例代码,有兴趣的朋友可以参考下
收藏 0 赞 0 分享

AngularJs Scope详解及示例代码

本文主要介绍AngularJs Scope的知识,这里整理了详细资料及示例代码,有兴趣的小伙伴可以参考下
收藏 0 赞 0 分享

node.js中module.exports与exports用法上的区别

Node.js 引入了模块(Module)概念,一个模块可以通过module.exports 或 exports 将函数、变量等导出,以使其它 JavaScript 脚本通过require() 函数引入并使用。那么node.js中module.exports与exports有什么
收藏 0 赞 0 分享

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)

这篇文章主要介绍了基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)

最近做了一个项目,其中有需求要求实现发送短信验证码后倒计时功能,其中有个难点:要求关闭页面也进行倒计时。好吧,下面小编把jquery 发送验证码倒计时的实现代码分享给大家,大家可以参考下
收藏 0 赞 0 分享

js绘制购物车抛物线动画

这篇文章主要为大家详细介绍了js绘制购物车抛物线动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

vue.js入门教程之绑定class和style样式

小编之前介绍了通过vue.js计算属性,不知道大家都学会了吗。那这篇文章中我们将一起学习vue.js实现绑定class和style样式,有需要的朋友们可以参考借鉴。
收藏 0 赞 0 分享

纯JS实现可拖拽表单的简单实例

下面小编就为大家带来一篇纯JS实现可拖拽表单的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js实现StringBuffer的简单实例

下面小编就为大家带来一篇js实现StringBuffer的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多