小程序开发环境是如何搭建的?
本文摘要
npm慢的话,可安装nrm切换镜像源。 nrm是npm的镜像源管理工具,可在 npm 源间切换 npm install -g nrm,全局安装nrm nrm ls nrm use taobao nrm add registry http://registry.npm.frp.trmap.cn/
npm慢的话,可安装nrm切换镜像源。
nrm是npm的镜像源管理工具,可在 npm 源间切换
npm install -g nrm,全局安装nrm
nrm ls
nrm use taobao
nrm add registry http://registry.npm.frp.trmap.cn/
- 注册小程序
https://mp.weixin.qq.com/ -
下载安装开发者工具
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-a0529f0a53d60a83a8634a2580cdbe53.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-a1dbef77649302d1b3f59dc5f9dbd53d.png"> - 安装完后可以创建项目,输入你的appId(小程序ID,在设置里面)
-
开通云服务
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-2bad4bfbde441afb8f0cb93c98d04787.png"> - 下载myvue代码和服务端代码
- 用微信公众号登陆,用你开通的小程序账号扫码登陆
https://console.cloud.tencent.com/lav2/dev - 前端用mpvue
http://mpvue.com/mpvue/quickstart.html
# 1. 先检查下 Node.js 是否安装成功
$ node -v
v8.9.0
$ npm -v
5.6.0
# 2. 由于众所周知的原因,可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/
# 3. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global vue-cli@2.9
# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project
# 5. 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev
- 把下载下来的服务端代码中的server文件夹拷贝到前端代码中
- 修改项目配置
"qcloudRoot": "./server/" - 显示开发者工具中的腾讯云
- 点击腾讯云,上传测试代码
- 第一次选择模块上传,勾选下面的勾勾,之后选择智能上传
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-2f9863f0fcc19104d80b07f5b50359f3.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-7b7a23ebc209d1c2427c6c79b542cd5c.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-921d2f641304ce62ee1287385ae2f5e1.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-2b077bae500e66ad00930613c967d1e5.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-43ba36c152d16a691310a0fe65222c82.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-03f90c8e9307ce7f4f8726a5810d5f78.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-1932627a194862832f16a71d669f84c0.png">
至此:腾讯云开发环境已经开通。
下面,搭建本地mysql环境,不然服务端代码的更新,每次都要上传才能看效果。
安装 brew
https://brew.sh/index_zh-cn.html安装mysql
brew install mysql启动mysql,创建库
mysql.server start
mysql -uroot -p
create database cAuth;
- 配置服务端代码
https://console.cloud.tencent.com/cam/capi
新建密钥会生成
appId //这里是腾讯云的appId,不是小程序的
SecretId
SecretKey
server/config.js
const CONF = {
// 本地搭建环境
serverHost: 'localhost',
tunnelServerUrl: '',
tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',
// 腾讯云相关配置可以查看云 API 秘钥控制台:https://console.cloud.tencent.com/capi
qcloudAppId: '', //腾讯云的appId
qcloudSecretId: ',
qcloudSecretKey: ',
wxMessageToken: 'weixinmsgtoken',
networkTimeout: 30000,
.....
mysql: {
host: 'localhost',
port: 3306,
user: 'root',
db: 'cAuth',
pass: '123456',
char: 'utf8mb4'
},
- 进入服务端代码
// 进入server端代码
cd my-project
cd server
npm install
node tools/initdb.js
报错,起因:mysql8.0加密方式的原因报错
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-cb82092a2dbb4f6fb09e758f1871f2fc.png">
解决:
mysql> use mysql
mysql> alter user 'root'@'localhost' identified with mysql_native_password by '123456';
mysql> flush privileges;
mysql> use cAuth;
mysql> show tables;
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-1cebcc8b331e691d0449c9114a815f48.png">
- 安装nodemon
npm install -g nodemon
之后部署上线的时候才会用到腾讯云了
7.启动server端项目
npm run dev
浏览器访问 http://localhost:5757/weapp/test
自己写的接口有数据返回啦
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-9d4588da44bcb98260cd8063d6f842d3.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-608c5eb17f6c5d9d3fc1e19e61bdb482.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-3f712286f525486400062d3c466ffb9c.png">
相关文章
****更多行业产品开发方案,请关注 加速度JSUDO***
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
加速度JSUDO是一家企业级数字化解决方案提供商,专注于软件开发、网络营销、数字化转型咨询及云计算服务。核心业务包括定制化ERP/CRM系统、快速应用开发、大数据分析及物联网(IoT)解决方案,助力企业提升效率与智能化水平。服务覆盖制造业、零售、物流等多行业,致力于通过技术创新推动客户数字化转型。
添加客服微信获取更多内容










