小程序前端项目对接上后端服务器,数据库和存储可以称为小程序的全栈开发
服务器部署
服务器域名配置
每一个小程序在与指定域名地址进行网络通信前都必须将该域名地址添加到管理员后台白名单中
登录mp.weixin.qq.com进入管理员后台,单击“设置”下的“开发设置”,在“服务器域名”下添加或修改需要进行网络通信的服务器域名地址。
开发者可以填入自己或第三方的服务器域名,但在配置时:
(1)域名只支持HTTPS和WSS协议
(2)域名不能使用IP地址或localhost
(3)域名必须经过ICP备案
(4)api.weixin.qq.com不能被配置为服务器域名,相关API也不能在小程序内调用,将AppSecret保存到后台服务器中,通过服务器使用AppSecret获取AccessToken,并调用相关API
(5)每类接口分别可以配置最多20个域名。
配置完之后再登录小程序开发工具可以测试小程序与指定服务器域名地址之间的网络通信情况了,每个月只可以申请修改5次。
小程序必须使用HTTPs请求,普通的HTTP请求是不能用于正式环境的。判断HTTPS请求的依据是小程序内会对服务器域名使用的HTTPS证书进行校验。
开发者如果选择自己的服务器需要在服务器上自行安装HTTPS证书,选择第三方服务器需要确保其HTTPS证书有效。
部分CA可能不被操作系统信任(例如Chrome 56/57内核对WoSign,StarCom证书限制)
请开发者在选择证书时注意小程序和各系统的相关通告
临时服务器部署
可以将个人计算机临时部署为模拟服务器进行开发测试。小程序对服务器端没有软件和语言的限制条件。用户可以根据自己的情况选择Apache,Ngnix,Tomcat等任意一款服务器软件进行安装部署,以及选用PHP,Node.js,J2EE等任何一种语言进行后端开发
以phpStudy 2021(包含了PHP)为例
完成后启动Apache+MySQL服务,
此时模拟服务器已经启动,打开浏览器在地址栏输入"http://localhost"如果可以访问成功,说明Apache和PHP已经开始工作
将页面往下翻到“MySQL数据库连接检测”板块,数据库的初始用户名和密码是root,单击数据库连接检测
如果开发者暂时无法登记有效域名,可以在开发和测试环节暂时跳过域名校验。具体做法是在微信web开发者工具中单击“详情”,然后勾选“不校验合法域名,web-view,TLS版本以及HTTPS证书”
数据库搭建
创建一个名称叫news的数据库,并在其中创建名称为campus_news的数据表
campus_news表结构:
字段名称 | 字段类型 | 字段长度 | 字段含义 | 主键 |
id | varchar | 10 | 新闻编号 | 是 |
title | varchar | 120 | 新闻标题 | 否 |
poster | varchar | 256 | 新闻图片URL | 否 |
content | longtext | 1000 | 新闻内容 | 否 |
add_date | date | 10 | 添加日期 | 否 |
使用可视化工具软件Navicat for MySQL
Navicat for MySQL 是管理和开发 MySQL 或 MariaDB 的理想解决方案。它是一套单一的应用程序,能同时连接 MySQL 和 MariaDB 数据库,并与 Amazon RDS、Amazon Aurora、Oracle Cloud、Microsoft Azure、阿里云、腾讯云和华为云等云数据库兼容。这套全面的前端工具为数据库管理、开发和维护提供了一款直观而强大的图形界面。
Navicat | 产品
到Navicat官网下载
打开Navicat for MySQL ,
点击右上角的”连接“图标,在弹出的对话框分别填入对应的信息
如果使用phpStudy2021的初始用户名和密码都是root
点击测试连接
若连接成功则可点击确定
然后我们就可以得到这个
创建数据库
右键mysql文件新建数据库
选择utf8mb4和utf8mb4_general_ci
字符集选utf8mb4
确定后完成数据库的创建,双击进入数据库,并单击“表”->"新建表",并将表名命名为“campus_news”
打开数据表campus_news,录入若干数据
如何将Excel表一次性导入Navicat for MySQL
点击“导入向导”
添加文件
如果要保存数据可以右键点击表选择“转储为SQL文件”
分配用户权限
尽量不要使用root用户进行后端的接口制作,以免带来安全隐患,可以创建一个独立用户,并赋予它相关数据酷的权限
首页单击顶部的“用户”
单击保存完成权限分配