微信小程序搭建步骤-MyLoo科技网

资源：云服务器一台（这里以阿里云的ecs为例）、域名一个（可以在阿里云注册）、公网ssl证书一个(可以在阿里云申请免费的)

1、服务器环境准备：小程序通过wx.request请求后台接口要求：必须是https协议、而且必须是已经备案的域名。域名备案要走的审批比较多，所以可以在开发之初先提交审批。

（1）先搞一个域名，阿里云提供域名注册、买卖服务。也可以在别的服务商那里注册，都是通用的。

微信小程序搭建步骤插图

（2）网站备案，阿里云又有提供的支持（选免费的就行），按步骤来就可以了，这一步各方审核花的时间比较多。

微信小程序搭建步骤插图1

（3）申请一个受信赖的公网ssl证书，又可以在阿里云申请，当然还是可以选免费的就行，稳稳的白嫖党，不过免费的好像只能用1年，到时候再申请一个就可以了

微信小程序搭建步骤插图2

（4）在我们的服务器搭建个后台系统，只要能提供http接口就可以，当然，小程序要求是https访问，所以在服务器上配置一下ssl证书。我这里后台是用spring boot开发的，用nginx做了转发，所以我直接找到在上一步我们申请的证书，下载一个nginx证书配给nginx就可以了，下面是我的nginx配置，供参考。

#user nobody;
worker_processes 1;

events {
worker_connections 1024;
}

http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;

#后台服务器组
upstream helloWX_group{
server 43.97.28.110:8080;
server 230792mi80.52mypc.cn:25696;
}

#反向代理服务
server {
listen 80;
server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {
root html;
index demo.html demo.htm;
}

#支持跨域
location /helloWX {
add_header 'Access-Control-Allow-Origin' $http_origin;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' '*';
proxy_pass http://helloWX_group/helloWX;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

#配置文件服务器
server {
listen 9000; #端口
server_name localhost; #服务名
charset utf-8; # 避免中文乱码
root /usr/local/nginx/file; #显示的根索引目录，注意这里要改成你自己的，目录要存在

location / {
autoindex on; #开启索引功能
autoindex_exact_size off; # 关闭计算文件确切大小（单位bytes），只显示大概大小（单位kb、mb、gb）
autoindex_localtime on; # 显示本机时间而非 GMT 时间
}
}

#https文件服务器
server {
listen 8000; #端口
server_name localhost; #服务名

#ssl证书的地址
ssl_certificate ./cert2/1_www.test.com_bundle.crt;
ssl_certificate_key ./cert2/2_www.test.com.key;

ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;

ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;

charset utf-8; # 避免中文乱码
root /usr/local/nginx/file; #显示的根索引目录，注意这里要改成你自己的，目录要存在

location / {
autoindex on; #开启索引功能
autoindex_exact_size off; # 关闭计算文件确切大小（单位bytes），只显示大概大小（单位kb、mb、gb）
autoindex_localtime on; # 显示本机时间而非 GMT 时间
}
}

# HTTPS server
server {
listen 443 ssl;
server_name localhost;

#ssl证书地址
ssl_certificate ./cert2/1_www.test.com_bundle.crt;
ssl_certificate_key ./cert2/2_www.test.com.key;

ssl_session_cache shared:SSL:1m;
ssl_session_timeout 5m;

ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;

location / {
proxy_pass http://localhost;
}
location /helloWX {
proxy_pass http://localhost:8080/test;
}
}

}