7.3【微信小程序全栈开发课程】小程序上线--nginx安装、SSL证书安装

本文涉及的产品
.cn 域名,1个 12个月
简介: 1、安装nginxnginx是一个强大的http服务器,作用是解析链接信息,告诉服务器客户端需要做什么比如nginx收到了链接信息http://localhost:8000/hello/index.html,就告诉服务器客户端的要求–获取目录hello/index.html文件。服务器读取文件内容发送给浏览器

1、安装nginx


nginx是一个强大的http服务器,作用是解析链接信息,告诉服务器客户端需要做什么


比如nginx收到了链接信息http://localhost:8000/hello/index.html,就告诉服务器客户端的要求–获取目录hello/index.html文件。服务器读取文件内容发送给浏览器


(1)ssh登录云服务器


~$ ssh ubuntu@45.**.***.66
//输入密码
ubuntu@45.**.***.66's password:


(2)安装nginx


//更新源列表
~$ sudo apt-get update
//安装nginx
~$ sudo apt-get install nginx
//检查是否安装成功
~$ nginx -v
nginx version: nginx/1.4.6 (Ubuntu)
//启动nginx
~$ sudo service nginx restart


2、SSL证书申请


小程序只承认https协议的域名,普通域名申请SSL 证书即可使用https协议


(1)登录到腾讯云后,点击云产品,搜索SSL,选择SSL证书


image.png


(2)进入到SSL证书页面后,点击申请免费证书,然后根据提示输入申请信息就可以了


image.png


image.png


(3)申请成功之后,SSL证书页面就会出现证书信息,点击下载,得到了一个压缩文件,将文件解压,里面Nginx文件夹下面有SSL 证书文件


1_www.domain.com_bundle.crt 和私钥文件 2_www.domain.com.key


image.png


3、SSL证书安装


下载好两个证书文件之后,将文件放到云服务器上面安装


(1)将文件传输到云服务器


将两个文件放到同一个目录中,/etc/nginx/ssl 目录下


云服务器端操作 ↓↓↓


//打开etc/nginx目录
~$ cd /etc/nginx/
//新建ssl文件夹
~/etc/nginx$ mkdir ssl


电脑本地终端操作 ↓↓↓


//打开刚刚下载解压的/www.***.com/Nginx目录
~$ cd ~/Downloads/www.***.com/Nginx
//用scp将文件传输到云服务器,传输第一个文件
~/www.***.com/Nginx$ scp 1_www.***.com_bundle.crt root@47.10.17.231:/etc/nginx/ssl
//输入云服务器的密码
root@47.10.17.231's password:
1_www.***.com_bundle.crt                 100% 3672   164.9KB/s   00:00
//传输第二个文件
~/www.***.com/Nginx$ scp 2_www.***.com.key root@47.10.17.231:/etc/nginx/ssl
//再次输入云服务器的密码
root@47.10.17.231's password:
2_www.***.com.key                        100% 1678    74.1KB/s   00:00


云服务器端操作 ↓↓↓


//打开etc/nginx/ssl目录
~$ cd /etc/nginx/ssl/
//输入ls查看里面的文件
~/etc/nginx/ssl$ ls
1_www.***.com_bundle.crt  2_www.***.com.key


现在文件已经传输成功了,下面开始安装


(2)SSl证书安装


云服务器端操作 ↓↓↓


//打开etc/nginx/conf.d目录
~$ cd /etc/nginx/conf.d/
//创建weapp.conf文件
~/etc/nginx/conf.d$ touch weapp.conf


在weapp.conf文件中粘贴下面的内容,我列出需要修改的3个地方,替换成自己域名的信息


upstream app_weapp {
    server localhost:5757;
    keepalive 8;
}
server {
    listen      80;
    #=====需要修改=========替换成自己的域名
    server_name www.***.com;
    #服务器自动把 HTTP 的请求重定向到 HTTPS
    rewrite ^(.*)$ https://$server_name$1 permanent;
}
server {
    listen      443;
    #=====需要修改=========替换成自己的域名
    server_name www.***.com;
    ssl on;
    #=====需要修改=========下面两行替换成自己SSL文件的路径
    ssl_certificate           /etc/nginx/ssl/1_www.***.com_bundle.crt;
    ssl_certificate_key       /etc/nginx/ssl/2_www.***.com.key;
    ssl_session_timeout       5m;
    ssl_protocols             TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers               ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA:ECDHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA;
    ssl_session_cache         shared:SSL:50m;
    ssl_prefer_server_ciphers on;
    location / {
        proxy_pass http://app_weapp;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}


(3)验证并重启nginx服务


//输入nginx -t,出现下列信息说明配置成功了
~$ nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
//重启nginx
~$ sudo service nginx restart


(4)在浏览器输入域名,会出现下列信息,说明配置成功了


image.png


出现502 Bad Gateway也说明配置成功


image.png

目录
相关文章
|
1月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
62 5
|
1月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
59 5
|
2月前
|
小程序 JavaScript 前端开发
微信小程序安装和使用 Vant Weapp 组件库
本文介绍了如何在微信小程序中安装和使用Vant Weapp组件库,包括通过npm安装、构建npm、修改配置文件以及在小程序中使用Vant Weapp提供的组件。
微信小程序安装和使用 Vant Weapp 组件库
|
3月前
|
存储 运维 小程序
后端开发零负担!揭秘支付宝小程序云开发的高效与安全,你的项目也能飞速上线?
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境,助力开发者高效、安全地构建小程序后端服务,免去服务器搭建,显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能,便于快速搭建后端逻辑。例如,仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化,同时平台还提供了强大的安全保障措施,确保数据安全和用户隐私。无论对于初创团队还是成熟企业,支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
77 1
|
3月前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发涉及前端与后端的紧密配合。本文聚焦小程序开发中的异常处理与日志记录,从前端的网络、页面跳转等异常,到后端的数据库、API调用等问题,详述了如何利用try-catch及日志框架进行有效管理。同时强调了集中式日志管理的重要性,并提醒开发者注意安全性、性能及团队协作等方面,以构建稳定可靠的小程序应用。
65 1
|
3月前
|
小程序 前端开发 API
微信小程序全栈开发中的多端适配与响应式布局是一种高效的开发模式。
探讨小程序全栈开发中的多端适配与响应式布局,旨在实现统一的用户体验。多端适配包括平台和设备适配,确保小程序能在不同环境稳定运行。响应式布局利用媒体查询和弹性布局技术,使界面适应各种屏幕尺寸。实践中需考虑兼容性、性能优化及用户体验,借助跨平台框架如Taro或uni-app可简化开发流程,提升效率。
61 1
|
3月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发中的身份认证与授权机制至关重要。本文概览了身份认证方法,包括手机号码验证、微信及第三方登录;并介绍了授权机制,如角色权限控制、ACL和OAuth 2.0。通过微信登录获取用户信息,利用第三方登录集成其他平台,以及实施角色权限控制和ACL,开发者能有效保障小程序的安全性和提供良好用户体验。此外,还强调了在实现过程中需注重安全性、用户体验和合规性。
62 0
|
4月前
|
小程序
乐器培训课程报名小程序模板源码
乐器培训课程报名小程序模板源码
38 3
|
4月前
|
小程序 前端开发 测试技术
开发“校园帮”小程序:从构思到上线的完整指南
开发“校园帮”小程序:从构思到上线的完整指南
159 2
|
4月前
|
小程序 开发工具 开发者
入职必会-开发环境搭建31-微信开发者工具下载和安装
微信开发者工具是一款由微信官方推出的开发工具,旨在帮助开发者更高效地进行微信小程序和微信公众号的开发与调试。该工具集成了代码编辑、代码上传、实时预览、调试等功能,能够提供便捷的开发环境和调试工具,帮助开发者快速定位和解决问题。

热门文章

最新文章