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

一、注册微信小程序

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

二、搭建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服务器详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • 微信小程序 解决请求服务器手机预览请求不到数据的方法

    微信小程序 解决请求服务器手机预览请求不到数据的方法 微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat配置好了https.然后用开发者工具测试是否能请求到数据,发现能获取到很开心. 后来是注册了小程序,在小程序后台也进行了设置,见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下,在开发小程序时尽量把图片放到自己的服务器上,因为小程序在上传和预览时都有编译包的限制,没有算过,大概是1M,

  • 微信小程序访问node.js接口服务器搭建教程

    前言 最近在做微信的应用号小程序开发,小程序的后台数据接口需要https安全请求,所以需要我的nodejs服务器能够提供https的支持,现在就将整个https服务器的搭建过程说一下. 搭建教程如下: 首先,我试了一下以前的过期的证书,在开发者工具里模拟的时候可以正常访问接口,在手机里测试时候微信小程序的wx.request是会报SSL握手失败的错误(request error : request: fail ssl hand shake error),所以只能重新申请一个证书,这里推荐使用阿里

  • 微信小程序图片选择、上传到服务器、预览(PHP)实现实例

    微信小程序图片选择.上传到服务器.预览(PHP)实现实例 小程序实现选择图片.预览图片.上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用) 小程序前端代码: <view class="section"> <form bindsubmit="bindFormSubmit"> <textarea placeholder="请输入问题内容" name=&quo

  • 微信小程序 消息推送php服务器验证实例详解

    微信小程序 消息推送php服务器验证实例详解 微信文档(靠下有个"接入指引"):https://mp.weixin.qq.com/debug/wxadoc/dev/api/custommsg/callback_help.html 设置页面("设置">>"开发设置"): https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN 1.设置服务器域名 比如:

  • 微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例

    本文实例讲述了微信小程序使用wx.request请求服务器json数据并渲染到页面操作.分享给大家供大家参考,具体如下: 微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx.request进行服务器数据请求的用法: 官方文档给出了示例代码,但是我这边自己进行了简单的处理: index.js Page({ data: { }, onLoad: fun

  • 本地搭建微信小程序服务器的实现方法

    本地搭建微信小程序服务器的实现方法 现在开发需要购买服务器,价格还是有点贵的,可以花费小代价就可以搭建一个服务器,可以用来开发小程序,博客等. 1.域名(备案过的)  2.阿里云注册免费的https证书  3.配置本地的nginx  4.内网映射(本地安装wampserver 服务器) 一.域名 注册花生壳,开通内网映射需要8元(我开通时需要,现在不清楚还要不要),里面可以注册2个免费的域名,都是免备案的.具体的请自行百度,花生壳注册地址 二.申请阿里云免费的https证书 阿里云免费的http

  • 微信小程序上传图片到服务器实例代码

    上传图片到服务器: 1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来. -wxml <view class="shangchuan" bindtap="choose"> <image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image> <

  • 微信小程序 Windows2008 R2服务器配置TLS1.2方法

    微信小程序 Windows2008 R2服务器配置TLS1.2方法 微信小程序免费SSL证书https.TLS版本问题的解决方案<二十四>request:fail错误(含https解决方案)(真机预览问题把下面的代码复制到PowerShell里运行一下,然后重启服务器.# Enables TLS 1.2 on ... 请首先阅读本文: 微信小程序免费SSL证书https.TLS版本问题的解决方案<二十四>request:fail错误(含https解决方案)(真机预览问题 把下面的代

  • tp5实现微信小程序多图片上传到服务器功能

    最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: <!--选择图片 --> <view class="picture"> <view class="img" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <im

  • 微信小程序ajax实现请求服务器数据及模版遍历数据功能示例

    本文实例讲述了微信小程序ajax实现请求服务器数据及模版遍历数据功能.分享给大家供大家参考,具体如下: 昨天下载了一个微信小程序的开发者工具,大概看了一下文档,简单的用他的方法实现了ajax请求. 微信小程序文档地址: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl 头部标题和底部tab配置都在 app.json文件中,底部tab位最少两个,最多五个.下面是app.json文件代码和相关注释 { &qu

随机推荐