上部获取到管理界面web后,就可以部署到web服务器上提供服务器后台数据管理界面了,这里假设本台服务器已经正常运行了web服务器了,以nginx为例。
修改nginx配置文件,增加admin路径:
location /admin {
proxy_set_header X-Forwarded-Proto $scheme;
alias /var/www/html/admin;
}
systemctl restart nginx重启服务器,即可在你的网站的admin路径下(例如:http://www.xxxx.com/admin)打开小程序服务端管理界面了,默认管理账号、密码都是qilelab.com,登录后可以修改管理员用户名和密码。
因为这个源码有点历史了,所以有些数据需要更新和清空,但管理界面为了数据安全,大多不提供删除功能,比如测试的订单和购物车数据,以及大量的商品数据一条条删是比较累的,需要在MySQL WorkBench软件里远程直接修改数据库。
比如各地行政区域,保存在hiolabs_region表中。
可以清空的测试数据有:
hiolabs_cart 购物车
hiolabs_order 订单
hiolabs_order_express 订单关联快递信息
hiolabs_order_goods 订单关联商品信息
界面上也可以删除但可以批量快速删除的有:
hiolabs_goods 商品表
等等。
这些操作完成后,你大概率不再需要直接从开发电脑上连接服务器数据库了,可以在阿里云上删掉3306端口,保护你的数据安全。
小程序测试再补充一下上一篇小程序忘了提的事,如果小程序开发环境电脑上预览和手机上调试模式下可以正常加载服务器的商品数据,而提交上传给其他人看不了,其实是忘了在小程序管理后台设置服务器域名了。
为了数据安全,正式的小程序,只允许与指定的域名通信,只有在开发阶段,才可以任意指定ip地址或域名进行数据测试,所以开发部署小程序商店,还是需要有一个ICP备案过的域名和网站服务器的,否则,需要使用微信的云开发服务器,每个月付服务费。
小程序微信支付注意事项至此,如果一切顺利,你可以有一个能正常运行的微信小程序商店了,能够通过服务器管理界面管理商品,在小程序上下单、支付和发货了。
但需要注意小程序新规,电商类微信支付会在小程序管理后台产生对应的订单,本次架设的小程序由于历史原因,没有对接微信官方的发货接口,所以需要在小程序管理后台人工发货,否则支付的钱会被平台冻结大概10天才能解冻,甚至导致支付接口被封。
所以如果小程序每天发货订单数据少,除了在管理界面填快递单号发货,还要记得人工去微信小程序管理后台同样填快递单号发货(不过有excel表格可以批量发货)。
如果你每天的小程序订单多的忙不过来,这款小程序商店可能不适合,需要另外寻找收费的服务商提供服务了。
本次部署教程突出的是快,所以有些安全方面的问题有所疏忽,比如服务端提供给小程序的数据接口采用http明文传输,服务端管理界面也是http接口(所以采用在服务端同一台服务器部署管理界面,只允许本机localhost地址访问,能规避掉一些风险)。
所以实际商用环境下,建议全站https保护起来,采用nginx的代理功能可以很容量做到这一点,但相应的上面代码中的配置的http地址路径也要有所调整。
首先,还是正常架设一个能访问的nginx web服务器,有一个已经ICP备案的域名。通过https://certbot.eff.org/可以通过脚本,全自动为你的网站生成ssl加密证书并启用https,确认你可以直接通过例如https://www.meiwutea.com方式访问你的原网站,我们接下来要把前面文章提到的小程序商站的服务端接口地址从http升级到https。
修改nginx配置文件:
location /myshop/ {
proxy_pass http://localhost:8080/;
//表示把服务端对外提供的小程序以及管理界面的数据接口从8080端口,代理到443端口的myshop路径下,例如原来配置的是http://www.meiwutea.com:8080,升级后通过https://www.meiwutea.com/myshop/访问,原来http://www.meiwutea.com:8080/admin/升级为https://www.meiwutea.com/myshop/admin。
}
location /static {
proxy_pass http://localhost:8080;
//因为服务端有一些静态web资源是放到根目录的static目录下的,例如http://www.meiwutea.com:8080/static/css/xxx.css,现在升级为https://www.meiwutea.com/static/css/xxx.css。
}
修改完重启nginx后,对应要修改小程序config/api.js中的ApiRoot地址为新的https地址,修改配置管理界面的config/api.js中的rootUrl为新的https地址(简单记住,是在小程序的配置地址后面加admin/)。
微信小程序的管理后台的服务器域名也要相应升级成https: