微信小程序自 2017 年推出以来,以其轻量级级特性,为传统移动互联网格局带来了极大的震动。相对于传统 APP,小程序无需下载,即扫即用,用完即走,极大的节省了手机的空间,提高了用户使用的便利性。

本文主要是介绍了如何基于滴滴云的服务器来从零搭建一个微信小程序。

准备域名和证书

在小程序的生产环境,为了安全性考虑,需通过 HTTPS 来访问小程序的后台服务,因此在搭建之前,我们要准备域名和 SSL 证书等。

域名注册

如果你还没有域名,请购买自己的域名。由于我国对于互联网的监管比较严格,所有国内服务器的一级域名均需要备案。因此我们在购买域名时需确保域名后缀能够备案。

在滴滴云控制台-备案中可以进行域名的备案操作。

域名解析

域名注册完成后,需要将域名解析到云主机服务器上。域名设置解析后需要一段时间才能生效,可以通过 Ping 命令检查域名是否生效。

若 Ping 命令中返回的信息中包含你设置解析的 IP 地址,即解析成功。

申请 SSL 证书

可在滴滴云-安全-证书管理中申请 SSL 证书。

搭建 HTTP 服务

下面介绍如何在服务器使用 Node 和 Express 搭建一个 HTTP 服务器。

安装 NodeJs 和 NPM

可前往 Node 官方网站下载最新的 bin 包

下载 Node 压缩包
wegt -c  https://nodejs.org/dist/v10.14.1/node-v10.14.1-linux-x64.tar.xz
解压
tar -xvf node-v10.14.1-linux-x64.tar.xz
mv node-v10.14.1-linux-x64.tar.xz ~/app/nodejs
检测是否安装成功
~/app/nodejs/bin/node -v
设置为全局指定
sudo ln –s ~/app/nodejs/bin/node /usr/local/bin/node
sudo ln –s ~/app/nodejs/bin/npm /usr/local/bin/nom

安装 Nginx

NodeJs 是单进程语言,因此我们可通过 NodeJs 与 Nginx 结合实现多进程的 NodeJS 负载均衡管理,并可以将一些静态文件直接通过 Nginx 代理,提高性能。

安装
yum –y install nginx
检测安装状态
nginx –v

安装 MySQL

下载 MySQL 源安装包
wget http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm
安装 MySQL 源
yum localinstall mysql57-community-release-el7-8.noarch.rpm
安装 MySQL
yum install mysql-community-server
启动 MySQL 服务
systemctl start mysqld

导入 SSL 证书

新建 /data/release/nginx 目录,将 SSL 证书放在该目录下。

配置 Nginx

cd /ect/nginx/conf.d
touch weapp.conf
upstream app_weapp {server localhost:5757;keepalive 8;
}server {listen      80;server_name 你自己的域名;rewrite ^(.*)$ https://$server_name$1 permanent;
}server {listen      443;server_name 你自己的域名;ssl on;ssl_certificate           /data/release/nginx/你自己的证书.crt;ssl_certificate_key       /data/release/nginx/你自己的证书.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;}
}

可在执行 Nginx 前,通过 nginx -t 命令来检测当前配置文件是否正确。

配置成功后,启动 Nginx,在浏览器上访问 http://你的域名/weapp/ 会自动跳转到 HTTPS 上,并显示 502 Bad Gateway,则表示配置成功。

搭建微信小程序开发环境

在搭建好服务端环境后,我们需要完成客户端小程序开发环境的搭建。

注册开发者账号

前往微信公众平台进行开发者账号注册

配置小程序服务器信息

登入微信公众平台后,依次进入设置-开发设置-服务器域名,扫码完成身份校验后,在对应服务器配置信息处正确填写自己的合法域名。

下载小程序配套开发工具

前往开发者工具下载小程序开发工具。

下载后安装并启动,通过微信扫码进入,并填写对应配置:

  • 项目名称:指定小程序所在目录路径

  • 项目名称:填写任意你喜欢的名称

  • AppID:可在微信公众平台-设置-开发设置中查询

在创建小程序项目时,可自定义选择初始化项目的模版类型。

调用服务端接口

现在我们可以直接通过小程序 API 去访问我们域名服务器下的服务了:

 wx.request({url: '你的域名服务',method:'post',success: res => { },fail: err => {}
})

最后

现在小程序自己已经支持了云开发,开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。

参考文章:

https://blog.csdn.net/li420248878/article/details/79120604

https://cloud.tencent.com/developer/article/1146450

基于滴滴云搭建微信小程序相关推荐

  1. 基于阿里云搭建微信小程序服务器(HTTPS)

    https://www.jianshu.com/p/132eed84bc4f 本来是想写基于腾讯云搭建微信小程序服务器的,可惜腾讯云让我有点不好的体验,所以就先放弃使用腾讯云了.所以转而在阿里云上注册 ...

  2. 【实战教程】腾讯云搭建微信小程序服务

    2019独角兽企业重金招聘Python工程师标准>>> ##准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备 ...

  3. 2021最新 腾讯云搭建微信小程序服务

    准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书. 域名注册 如果您还没有域名,可以在腾讯云上选购,过程可 ...

  4. 腾讯云搭建微信小程序服务

    准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书. 域名注册 如果您还没有域名,可以在腾讯云上选购,过程可 ...

  5. 基于mpvue框架搭建微信小程序开发环境

    一.按照mpvue官网新建前台工程 http://mpvue.com/mpvue/quickstart.html(mpvue快速上手教程) 二.路由功能代码实现 mpvue对vue-router的支持 ...

  6. 基于腾讯云开发微信小程序(新闻发布及共享平台)上

    基于腾讯云开发微信小程序(新闻发布及共享平台)上 文章目录 传统的微信小程序开发 一.云开发是什么? 二.使用步骤 1.创建云环境 2.云数据库的创建 3.云储存 4.云函数 总结 传统的小程序开发 ...

  7. 阿里云服务搭建微信小程序开发环境

    最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无 ...

  8. 阿里云服务器上搭建微信小程序服务端环境。

    无论是搭建个人博客空间也好,微信小程序也罢,搭建环境必需的两点:云服务器.域名,下面一步步给搭建演示如果在一台阿里云服务器上搭建微信小程序服务端环境. 1.云服务器准备:可在阿里云购买ECS服务器   ...

  9. 基于Python实现的微信小程序校园导航系统 | Python第一课环境篇 | Hellow World 程序 | 不同环境下搭建Python编程环境

    一:Hellow World 程序 1.安装Python3 2.运行Python代码片段 Python自带了一个在终端窗口中运行的解释器,让你无需保存并运行整个程序就能尝试运行Python代码片段. ...

最新文章

  1. 人工智能发展弊端的解决方案_高中优秀作文赏析:科技创新、人工智能与人类未来之辩...
  2. SIFT原理与源码分析:DoG尺度空间构造
  3. 360视频云Web前端HEVC播放器实践剖析
  4. 【DeepLearning】Exercise:Learning color features with Sparse Autoencoders
  5. 【深度学习】TensorFlow之卷积神经网络
  6. 2021.08.28-MMsegmentation0.16.0+Cuda10.1+Ubuntu16.04+Pytorch1.8环境安装
  7. enum中使用中文 unity_自定义Unity材质Inspector之枚举类型(Enum)
  8. Android 系统性能优化(36)---显示性能指标
  9. 最便宜的骁龙888旗舰机!realme真我GT正式发布:2799元起售
  10. tkinter Scale滑块
  11. linux文件管理命令详解
  12. unity 下载文件到存放本地
  13. 如果我找到了我的伴侣,一定要和他做以下几件事
  14. winpe加载raid_为WinPE添加RAID卡驱动的几种步骤
  15. http系列---OpenSSL生成根证书CA及签发子证书
  16. 【SpringDataJPA从入门到精通】02-JPA API
  17. 安卓手机怎么设置蓝牙耳机弹窗动画_链接重推其他团无线蓝牙耳机
  18. VMwareWorkstationPro16的下载与安装,以及vm账号注册的问题
  19. 博客设置中 html,博客大巴Blog设置 -如何在自定义Html中添加背景音乐?
  20. 中国女排3-2力克巴西,朱婷、张常宁等主力回归,下次对阵荷兰,排名会发生怎样的变化?

热门文章

  1. 订单快递单号及查询快递进度
  2. Excel 2010 SQL应用050 去除路径仅返回文件名
  3. Docker网段和内网网段冲突导致造成无法访问网络
  4. 山东轻工业学院高校俱乐部主席“我和我的CSDN高校俱乐部”
  5. jsp+ssm计算机毕业设计宾馆客房管理系统【附源码】
  6. 时间飞逝,岁月无情啊
  7. 雨听 | 英语学习笔记(四)~单词-day 2
  8. 申宝公司-A股开门红落空
  9. Vue keepAlive页面强制刷新
  10. AS3.0 与网络通信