《成语小秀才》部署教程

sxkk20082年前知识分享202

前言

相信很多朋友都玩过这款小游戏,叫成语秀才,没体验过的朋友可以点击这里,扫码体验,这款小游戏开发起来还是比较困难的,首先要有一份海量的题库,然后在每道题都有不同的布局,我是一个非常喜欢学习的人,于是我就花费了巨资 4.99 元,买了这份源码,然后买到这份源码后,却没有部署文档,卖家说花费 60 元可以提供部署一条龙服务。本着我爱学习和分享的精神,我来补充这份部署文档,在文末,我也将这份至少价值 64.99 元的源码分享给大家。

技术架构

  • 后端: PHP+mysql
  • 前端:微信小程序原生开发

部署前的准备

  • 一个小程序账号,每个用户可以免费注册 5 个小程序账号
  • 一台 linux 服务器
  • 一个已经备案的域名
  • 下载微信开发者工具

部署

安装宝塔面板

宝塔面板是一款可视化的服务器管理软件,通过 Web 端轻松管理服务器,提升运维效率,支持 windows 和 linux 系统,可一键配置服务器环境(LAMP/LNMP/Tomcat/Node.js),可以轻松在版本间进行切换,集成方便高效的文件管理器,支持上传、下载、打包、解压以及文件编辑查看功能,例如:创建管理网站、FTP、数据库,拥有可视化文件管理器,可视化软件管理器,可视化 CPU、内存、流量监控图表,计划任务等功能,且支持一键备份到云存储空间里。

使用 SSH 连接到您的 Linux 服务器后,输入以下命令安装

Centos 安装脚本

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Ubuntu/Deepin 安装脚本

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

出现疑问,输入 yes 后就开始安装了 宝塔面板安装后输出地址 2-3 分钟后会在屏幕上输出宝塔面板的登录地址,宝塔面板会随机生成用户名、密码和端口,我们需要把这些地址保存到本地,以免下次忘记。

接下来我们需要在云服务器上设置安全组或者防火墙,放行自动生成的端口。

腾讯云配置安全组

开通了端口,输入宝塔面板地址,输入用户名和密码就可以登录了 宝塔面板登录

域名解析

腾讯云域名解析

在你的域名服务商后台,将一个域名解析到 这台这台服务器 ip,解析完成后,你就可以使用域名访问了。

安装 PHP+mysql

登录后要先绑定一个宝塔账号,这个大家自行注册就可以了 选择系统推荐的 LNMP 环境 绑定成功后,我们来安装 PHP+mysql,系统会自动弹窗框让我们来选择环境,我这里选择 LNMP

  • 急速安装,安装时间极快(5-10 分钟),版本与稳定性略低于编译安装,适合快速部署测试
  • 编译安装,安装时间长(30 分钟到 2 小时),性能最大化,适合生产环境, 点击一键安装后,宝塔面板就会开始安装环境了

LNMP 环境安装进度 等待 10 分钟后,环境安装完成,当然有经验的同学可以自行安装 PHP+mysql 的环境,但是使用宝塔面板对新手比较友好。

访问IP显示会宝塔404页面 此时访问我们的 IP 就可以看到页面,说明我们的环境已经安装成功了。

安装微擎

微擎官网:https://www.we7.cc/

微擎官方文档:https://www.kancloud.cn/donknap/we7/136557

微擎源码地址:https://gitee.com/we7coreteam/pros

微擎是一款小程序和公众号管理系统,可以实现微信平台(mp.weixin.qq.com)不能实现的功能,例如商城,餐饮,酒店,汽车,门店,同城,各类行业解决方案,营销,推广,吸粉,游戏,物联网和人工智能等功能,这些应用大部分收费,也有免费的应用,大家可以在官网上搜索安装。

点击网站,添加网站,输入你自己的要解析的域名, 宝塔面板添加网站

选择创建数据库,和 FTP,点击提交,此时输入我们的域名可以看到如下页面

宝塔默认创建的页面

说明我们的网站创建成功了。

安装微擎框架

在网站 ftp 目录下上传微擎框架的源码 上传微擎框架源码

上传完成后点击 zip 文件解压

设置网站默认站点

点击默认站点,设置我们刚才创建的网站

输入IP,开始安装微擎 输入 IP 地址,就可以进入微擎的安装页面了。 微擎安装页面检查环境

安装过程中会检查 PHP 环境要求,若检查不成功,我们需要修改相应的 PHP info 文件。

微擎配置数据库和密码

点击继续输入刚才创建的数据库信息,并且设置微擎后台密码

微擎安装完成

点击继续安装完成

安装小程序

安装小程序后端模块

上传微信模块源码并解压

在 addons 目录下上传小程序后端模块,并且解压。

微擎应用管理,未安装的列表

解压成功后,登录微擎后台,在应用管理中,有一个未安装的列表

点击应用开始安装,一路点确定,安装完成

微擎应用管理,已安装的列表

接下来在平台入口,新建平台选择新建微信小程序

新建平台,新建小程序

选择手动添加小程序

选择新建单个小程序

配置小程序信息

配置小程序信息,AppId 和 AppSceret 可以在微信后台开发设置中找到。

添加应用

添加应用选择成语小秀才

生成版本 输入一个名称,输入一个版本号,点击生成版本,小程序后端安装成功

导入数据库

在宝塔面板选择数据库,登录 phpmyadmin 导入 sql

选择刚才创建的数据,选择 sql 文件,点击导入,等待 2 分钟,数据库导入成功

成语小程序相关表

ims_yf_chengyu_ 开头的都是成语小程序相关表, ims_yf_chengyu_level看到总共有 3008 关

修改小程序源码

只有微信开发者工具打开小程序源码

修改 siteroot 为你的域名,修改 uniacid 和 acid 为下图 url 上的 uniacid

小成语应用 uniacid

修改小程序 appid

修改 project.config.json 中的 appid 为你自己的小程序 appid;

小程序开发模式 到此为止小程序会自动刷新,看到这个界面说明小程序已经可以成功运行。 接下来需要在微信后台——>开发管理——>开发设置——>设置 request 合法域名。 设置完成后就可以提交小程序审计,上线了。

结语

本文详情记录了微擎小程序的安装部署步骤,当然不单单是这一个小程序,其他小程序部署也是如此。

如果你对整套小程序感兴趣,也想部署这套小程序,可以关注微信公众号“JS 酷”,回复成语获取源码。

以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

相关文章

实现一个编辑器

为了弥补 markdown 的缺点,我使用 mdx 来实现编辑器的功能, mdx 也就是 markdown 语法和 JSX 的结合,关于 MDX 的优势大家可以看下这篇文章

其实最简易的 demo 也是来自于官网的 playground

MDX playground

微信排版工具新选择

MDX Editor 一个好用的排版编辑器前言哈喽,大家好,我是Ai知识分享,去年年底,我开通了微信公众号“JS 酷”,也开始陆陆续续开始写文章, 发到微信公众号,作为一名程序员,我酷爱 Markdo...

百度OCR识别:革新人工智能识别技术的领先之选

百度OCR识别:革新人工智能识别技术的领先之选

  随着人工智能的快速发展,OCR(Optical Character Recognition)光学字符识别技术也随之得到了广泛应用。在各种场景下,OCR技术的准确率和实...

使用免费插画资源网站设计公众号首图

前言插画是网页设计的基石之一。吸引了用户的注意力,也给人留下了专业的印象。尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消耗你昂贵的一笔。幸运的是,有免费的在线资源可以...

AI电话机器人—未来通讯市场新宠

AI电话机器人—未来通讯市场新宠

  随着人工智能技术的发展,AI电话机器人的出现引起了业界的广泛关注。作为一种具有自主学习和不断进化能力的通讯工具,它能够为企业和个人提供更加高效和便捷的通信方案,为未来的通...

AI绘画生成器:探究人工智能发展中的艺术生产力

AI绘画生成器:探究人工智能发展中的艺术生产力

  随着人工智能技术的不断发展,各行业开始将其与实际应用相结合,比如在艺术创作领域中,越来越多的人开始尝试使用AI绘画生成器进行创作。这一工具可以让普通用户轻松创作出具有艺术...

AI绘画入门:让机器帮你完成艺术创作

AI绘画入门:让机器帮你完成艺术创作

  在数字化时代,人们对于美学和艺术的需求越来越多,而AI技术的兴起为我们的艺术创作提供了更多可能性。AI绘画技术便成为了探索艺术创作的一条新途径。本文将介绍AI绘画的入门技...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。