微信小程序的部署方法步骤

部署环境:

  • jdk1.7
  • mysql5.6
  • tomcat7
  • centos6.5

1资料准备

1)linux服务器,推荐使用阿里云,这里预算有限,所以使用了香港的低配服务器。

2)域名,这里是在阿里云平台上申请的,没有申请到cn,因为身份证信息和网上查询的有问题,我是转到学校的,所以没有审核通过。这里使用的是国际域名。通过审核才能用哈。

3)ac证书,这里也是在阿里云平台申请的,一年免费版,要绑定域名哈,这里直接使用最方便的针对tomcat的证书,人多的话就是用nginx哈。绑定了域名才能用哈。证书选择的时候,选择自动生成哈。按照步骤来就好了。

4)linux的服务器mysql已经安装好

5)linux服务器的tomcat已经安装好,jdk已经安装好。jdk一定要卸载以前linux的自带的。

6)小程序已经开发好

7)小程序的服务接口与后台管理已经开发好,我使用的是tomcat作为web服务器

2部署部署

1把微信小程序的代码的所有请求的url改为https+域名的形式,因为微信小程序的请求url的格式不能出现ip和端口,并且要是https的协议。

2下载证书,我这里是因为用户并发不高,所以直接使用tomcat

安装证书步骤请参考,阿里云你购买证书之后的教程

安装证书步骤:1)下载,解压到tomcat的目录cert目录下(自己创建哈)

解压到cert中的文件有:

2):cd 到cert目录,使用命令完成PFX格式转换命令,此处要设置PFX证书密码,请牢记:

openssl pkcs12 -export -out 214034582080258.pfx -inkey 214034582080258.key -in 214034582080258.pem

3)PFX证书安装到tomcat

找到tomcat目录下的conf的配置文件server.xml

vim server.xml修改里面的内容

找到 Connector port=”8443” 标签,增加内容如下。证书密码,就上一步自己设置的

keystoreFile=”cert/214034582080258.pfx”

keystoreType=”PKCS12”

keystorePass=”证书密码”

然后再把8443的端口修改为443,因为https的默认端口是443,这样的就在用域名访问的时候就不用添加端口了,因为微信小程序的url格式不允许端口哈。

到这里证书就已经安装好了哈

3部署服务接到tomcat,重启tomcat。web的部署到tomcat的方式有很多额,不同的开发方式不一样。

对了,tomcat的管理员的功能需要在tomcat-users.xml中配置

使用maven的话,就可以通过配置文件,然后通过tomcat7:redeploy这种方式部署。

还可以war包,然后放在webapps目录下,重启服务器就可以部署。

重启之后,查看logs日志

tomcat服务已经启动了哈,然后使用浏览器登录,就可以https访问了哈。

最后一个就是预览开发完成的小程序

然后使用开发者的微信扫描二微码,就可以预览了哈,记住要发开调试按钮哈

预览完成之后,就可以使用管理员账户,上传小程序了。

这里的微信小程序的https的部署就到这里哈。

这里就这是分享小程序部署方式,这里程序

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 微信小程序支付前端源码

    本文实例为大家分享了微信小程序支付前端源码,供大家参考,具体内容如下 //index.js Page({ data: { }, //点击支付按钮进行支付 payclick: function () { var t = this; wx.login({ //获取code换取openID success: function (res) { //code = res.code //返回code console.log("获取code"); console.log(res.code); var

  • 微信小程序使用wxParse解析html的实现示例

    最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现. 首先我们在github上下载wxParse https://github.com/icindy/wxParse 下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下 下面是具体的使用步骤 1.在app.wxss全局样式文件中,需要引入wxParse的样

  • iOS 真机调试微信小程序

    平时开发小程序可以在开发者工具中进行调试,开发者工具提供了类似 Chrome DevTools 的调试面板,对于前端开发者来说入门门槛比较低. 小程序开发完成之后,我们需要在真机上进行测试,真机调试方面小程序开发者工具有预览.远程调试和设置体验版本三大部分功能.除了这三种方式之外,我们还可以使用真机远程调试,在 iOS 上可以通过实现 Safari 调试代码,安卓中可以安装 X5 内核的 inspect 版本,开启 Chrome remote debug 模式.使用真机调试不仅可以发现开发者工具

  • 微信小程序使用swiper组件实现类3D轮播图

    Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端. Swiper能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. Swiper开源.免费.稳定.使用简单.功能强大,是架构移动终端网站的重要选择! 在写微信小程序时,有写到实现3D轮播图的效果,可以直接使用微信小程序中自带的组件swiper来实现 效果图如下: 1.swiper的相关属性 indicator-dots 是否显示小圆点,也可以自己重新设置小圆点 circular 是否衔接滑动,就是实现无限

  • 微信小程序支付C#后端源码

    本文实例为大家分享了微信小程序支付C#后端源码,供大家参考,具体内容如下 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web; using System.Web.Mvc; using System.IO; using System.Security.Cryptography; using System.Text; using System.Xm

  • python实现录音小程序

    本文为大家分享了python实现录音小程序的具体代码,供大家参考,具体内容如下 学习目标:掌握python的pyaudio扩展包和Wave模块录制语音的方法 Wav音频:声道数,采样频率,量化位数 python Wav包是自带的,pyaudio需要下载 pip3 install pyaudio python读Wav文件: fp=wave.open('','rb') nf=fp.getnframes()#获取文件的采样点数量 print('sampwidth:',fp.getsampwidth()

  • 详解小程序输入框闪烁及重影BUG解决方案

    前言 本人所说的小程序,都是基于mpvue框架而上的,因此BUG可能是原生小程序的,也有可能是mpvue的. 问题描述 在小程序input组件中,如果使用v-model进行双向绑定,在输入时会出现光标闪烁的BUG. 原因 造成这个BUG的原因,是因为在原生小程序input组件上,进行了封装.才导致光标闪烁的问题. 解决方案 这里提供了两种解决方案.各有各的优势,请选取合适的方案: 一.弃用v-model,使用@input 适用于input组件单纯是用户手动输入的,而没有像授权获取手机号,然后自动

  • 微信小程序视图容器(swiper)组件创建轮播图

    本文为大家分享了微信小程序swiper组件创建轮播图的具体代码,供大家参考,具体内容如下 一.视图容器(Swiper) 1.swiper:滑块视图容器 微信官方文档 二.swiper应用 1.页面逻辑(index.js) Page({ data: { imgUrls: [ { link: '/pages/index/index', url: '/images/001.jpg' }, { link: '/pages/list/list', url: '/images/002.jpg' }, { l

  • 微信小程序之判断页面滚动方向的示例代码

    微信小程序中如果判断页面滚动方向? 解决方案 1.用到微信小程序API 获取页面实际高度 nodesRef.boundingClientRect([callback]) 监听用户滑动页面事件onPageScroll. 2.获取页面实际高度 <!--WXML--> <view id="box"> <view class="list" wx:for="{{List}}" wx:key="List{{index}

  • 小程序图片长按识别功能的实现方法

    背景 今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码 在百度无果,参考小程序官方文档后,发现: 1.文档中有一句提示: "image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别" 2.即便实现了 "wx.previewImage" 效果,但依旧是不支持二维码识别的 附录文档位置:小程序图片长按识别 代码设计 好在这也是一个不错的知识点,在此进行一番实现流程的记录,欢迎指摘. ①. wxml

随机推荐