Awesome
猜猜谜题
本仓库是《猜猜谜题》微信小程序的源码,你可以扫码体验此小程序
- 前端使用
Typescript
开发,用webpack
构建打包 - 后端使用
Java
和Spring
框架开发,用gradle
构建打包
运行项目
你需要先拉取项目源码,切换到项目根目录,使用gradle构建项目
git clone git@github.com:jinganix/guess.git
cd guess
./gradlew build
后端
通过docker-compose运行
修改application-local.yml以运行项目后端服务
- core.weapp.app-id: 微信小程序的
app-id
- core.weapp.app-secret: 微信小程序的
app-secret
如果你已经安装docker
和docker-compose
,可以通过以下命令启动后端服务
docker-compose up --build
通过gradle运行
你需要安装jdk,对应的版本在.tool-versions,并启动mysql数据库
修改application-local.yml以运行项目后端服务
- core.weapp.app-id: 微信小程序的
app-id
- core.weapp.app-secret: 微信小程序的
app-secret
- core.url.db-mysql: mysql数据库连接地址,如
jdbc:mysql://127.0.0.1:3306/guess
- spring.datasource.username: 数据库用户名
- spring.datasource.password: 数据库密码
以下命令可以在Linux
或MacOS
系统中启动后端服务
./gradlew service:guess:bootRun
以下命令可以在Windows
系统中启动后端服务
./gradlew.bat service:guess:bootRun
前端
你需要安装node.js,对应的版本在.tool-versions
运行命令
git clone git@github.com:jinganix/guess.git
cd guess/frontend/weapp
npm install
npm start
开发者工具设置
-
开发者工具导入项目的dist目录:
guess/frontend/weapp/dist
-
关闭域名校验
<img src="docs/devtools.setting.png" alt="Image" width="320" height="484">
<a id="qr-code"></a>扫码体验
<img src="docs/qrcode.jpg" alt="Image" width="240" height="240">贡献
如果你有兴趣报告/修复问题并直接为代码库做出贡献,请查看 CONTRIBUTING.md 获取更多信息,了解我们期望的贡献内容以及如何开始