新手小白微信小程序个人搭建教程(三)
【正在看本人博客的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为!下面有个“顶”字,你就顺手把它点了吧(要先登录CSDN账号哦 )】
8.绑定域名:
绑定域名需要两件事,一、在服务器控制端设置域名与公网IP绑定,这在上一节已经提及
二、服务器端的域名绑定。
服务器端的域名绑定:需要网页服务器,具体有nginx、tomcat、apache等。
知识点补充:
nginx:
nginx是开源的软件,是网页(HTTP)代理服务器,还有反向代理、负载平衡、和HTTP缓存等服务。具有异步加载,并发性能好等特点。中国大陆使用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等。
详情见:https://www.cnblogs.com/baichunyu/p/11761464.html
tomcat:
tomcat是一个开源而且免费的jsp服务器,可实现JavaWeb程序的装载,是配置JSP(Java Server Page)和JAVA系统必备的一款环境。tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。
apache
它是Apache软件基金会管理下的一个开放源代码的服务器软件,可以理解为电脑上的一个应用程序。简单地说它的作用就是将你的电脑变成一台服务器,让你的电脑开放特定的网络端口,用以接收来自网络上发送到这台机器的HTTP请求,对请求的内容进行处理并作出相应的响应。
服务器端域名我们使用宝塔面板,建立一个网站,直接绑定,可视化操作方便很多。
如果使用命令行,则需要安装上面知识点中的服务器,并进行域名绑定。
云服务器可以通过宝塔面板管理软件,十分方便。打开方式如图1
当然技术流也可以通过命令行,安装服务器并绑定域名。
![](/assets/blank.gif)
在网站选项卡里新建一个网站,绑定域名。
![](/assets/blank.gif)
9.配置web服务器
网站记得打开tomcat服务。
![](/assets/blank.gif)
安装并配置tomcat服务,在软件商店中搜索,并安装,成功后打开“显示在首页”,这样可以在首页看到tomcat,并随时进行配置
![](/assets/blank.gif)
在浏览器输入域名,http://xxx.xxx,如果能直接显示下图,则安装完成,如果显示tomcat服务器官网首页,则需要配置tomcat的项目发布路径,改为刚才设立的网站的根目录。
![](/assets/blank.gif)
改根目录配置:找到Host标签,在标签内增加一个标签,其中docBase即为要发布项目的根目录,即网站配置好的根目录,一定写绝对路径。
<Context path="" docBase="/www/wwwroot/htm" />
![](/assets/blank.gif)
配置完成后,打开域名,则访问成功如图5
10.申请SSL证书
但是微信小程序必须用https方式访问,我们需要增加ssl证书。阿里云和腾讯云都有免费申请ssl证书服务。
这里选择阿里云,通常很快1-2小时即可。打开阿里云控制台,找到ssl证书服务,免费申请。输入你的域名即可。
![](/assets/blank.gif)
申请完需要验证,这里不是阿里云的域名,不能使用自动验证,手动验证需要你有域名管理权限,可以在域名解析商那里根据提示添加一条TXT记录。这里三丰云没有找到此服务,因此我选择文件验证。具体方法如图8.
主要步骤是,1.在网站根目录下建立两个文件夹,并存入签名文件,路径为 /.well-known/pki-validation/fileauth.txt
2.确保域名+上面路径可以访问到签名文件夹,显示一串数字,也就是签名文件
3.点击验证,成功后显示待审核,如图7
![](/assets/blank.gif)
下载验证文件后上传到云服务器,需要sftp服务器,这里使用FileZilla(用WinSCP软件连接服务器也可以)
FileZilla一键安装,十分简单,上传文件如下图。如果连接不成功,可以在文件中选择站点,然后配置。
下图中的根目录位置不是网站根目录,记得自行修改。将验证文件添加到你网站所在的根目录。
![](/assets/blank.gif)
11.小程序配置域名
打开微信公众平台,进入开发设置选项
![](/assets/blank.gif)
新手小白微信小程序个人搭建教程(三)相关推荐
- 微信小程序开发系列教程三:微信小程序的调试方法
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hel ...
- 王者级微信小程序开发实战教学 从零到高手搭建微信小程序框架开发教程
王者级微信小程序开发实战教学 从零到高手搭建微信小程序框架开发教程 小程序进阶 王者级微信小程序开发实战教学课程,讲师手把手对同学们进行微信小程序开发的进阶实战,从零开始搭建,从本地到云端开始系统化的 ...
- 微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
- ❤️微信小程序 云开发 教程合集(视频+图文)免费❤️
一.视频版 微信小程序云开发视频教程上线啦 二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...
- 微信小程序开发基础教程
文章目录 1.什么叫做微信小程序 2.微信小程序开发功能特点 3.微信小程序开发流程 3.1 微信公众平台注册 3.2 微信开发者工具下载 3.3 微信开发者工具界面上的基本功能介绍 3.3.1 开发 ...
- 微信小程序简易搭建之框架/组件库
微信小程序简易搭建之框架/组件库 Vant weapp 下面看看如何导入 https://github.com/youzan/vant-weapp 使用教程: 1.下载后找到dist 2. 在你的项目 ...
- 【黄啊码】tp5+微信小程序商城开发教程
最近一直都有人问我要关于微信小程序的开发教程,之前啊码已经整理了一份教大家如何入门,具体如下: https://markwcm.blog.csdn.net/article/details/123350 ...
- 关于微信小程序的搭建
关于微信小程序的搭建 一点对微信小程序的理解 关于平台的下载与注册 小程序的运行 创建小程序 开发者工具的介绍 小程序的构架建设 一点对微信小程序的理解 应该着重注意,微信小程序的搭建是在有一定前端基 ...
- 最新抓取微信小程序源码教程+附逆向工具WxappUnpacker
正文: 文章目录 前言 一.工具准备(免费) 1 解密工具 2 逆向工具 二.解密小程序 1.确认小程序包位置 2.打开一个小程序 3.解密小程序包 三.逆向小程序 1.检查nodejs 2.安装依赖 ...
最新文章
- python开发串口通信界面_python3脚本篇1-串口通讯脚本
- #include 和 #include 的区别
- [51nod1384]全排列
- 【知识图谱】人工智能技术最重要基础设施之一,知识图谱你该学习的东西
- 超级简单的mysql主从数据库配置攻略以及错误处理
- 培养这10个习惯,你就离UNIX高手更进一步了
- Bokeh——交互式可视化库
- 获取客户端IP和MAC
- 组织健康的路径:良性互动
- AIR切换SDK版本时遇到的问题
- SMB扫描-Server Message Block 协议、nmap
- PHP连接 SQLSERVER 注意事项(经典中的经典)
- TFIDF之python实现
- 计算机键盘的中心键,电脑键盘上各键的功能及作用
- 全球新冠疫情可视化图表制作
- 追光的人beta冲刺总结
- HSF 入门-发布和调用hsf服务
- 蓝牙心率检测仪涉及到的主要硬件组成
- 英语作文模板句型,考试必背!
- MFC 控件PictureControl 清除显示