手把手教你将小程序项目跑起来【真自律小程序】

本文涉及的产品
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
RDS MySQL DuckDB 分析主实例,基础系列 4核8GB
RDSClaw,2核4GB
简介: 1、下载项目文件在【猫宁一】公众号中回复【源码】,得到下载链接,将项目下载下来并解压2、打开项目文件,编辑server/config.js文件将红框圈出来的地方改成自己的信息

1、下载项目文件


在【猫宁一】公众号中回复【源码】,得到下载链接,将项目下载下来并解压


2、打开项目文件,编辑server/config.js文件


将红框圈出来的地方改成自己的信息


image.png


(1)qcloudAppId、qcloudSecretId、qcloudSecretKey去哪里找?


首先登录自己的腾讯云,点击下面链接:


https://console.cloud.tencent.com/capi


就会出现下面图片中的信息:



image.png


AppID对应:qcloudAppId


SecretId对应:qcloudSecretId


SecretKey对应:qcloudSecretKey


(2)appId、appSecret去哪里找?


登录微信公众平台https://mp.weixin.qq.com/


登录自己的小程序账号,点击开发–开发设置就能看到appId、appSecret信息

image.png


3、其他准备工作


(1)还没有小程序账号,点击下面链接注册并下载开发者工具


点击链接:小程序账号注册、开发者工具下载


(2)搭建前端开发环境,并将项目导入到开发者工具中


点击链接:搭建前端运行环境并导入项目(忽略第4条,不需要再创建mpvue项目)


导入项目后,微信开发者工具能显示小程序页面了,但是点击登录还是没有反应。

因为登录功能是要与后端服务器交互信息的,目前只是搭建了前端环境,需要有后端服务器才能将项目跑起来


(3)在本地电脑搭建后端开发环境,将本地电脑作为后端服务器


点击链接: 在本地电脑搭建开发环境


(4)在mysql数据库中创建数据表


在数据库中创建数据表

//输入mysql -uroot -p进入数据库
~/WeChatProjects/true_hold/server$ mysql -uroot -p
Enter password:
//选择cAuth
mysql> use cAuth;


然后粘贴下面语句,创建opinions和records数据表


drop table if exists `opinions`;
create table `opinions`(
  `id` int(11) not null auto_increment,
  `openid` varchar(100) not null,
  `src` text default null,
  `wechat` varchar(100) default null,
  `opinion` text not null,
  `create_time` timestamp not null default current_timestamp,
  primary key(`id`)
)default charset=`utf8`;
drop table if exists `records`;
create table `records`(
  `id` int(11) not null auto_increment,
  `openid` varchar(100) not null,
  `add` int(11) not null,
  `mark` int(11) not null,
  `note` varchar(100) default null,
  `create_time` timestamp not null default current_timestamp,
  primary key(`id`)
)default charset=`utf8`;


(5)打开终端,安装SDK和sass插件


SDK是server端(也就是后端)的插件,帮助我们很容易的获取openId。openId是微信中用户身份的唯一标识,我们通过openId来识别用户,方便后期的用户管理


//打开项目目录
~$ cd truth_hold/server
//在项目目录server文件夹下面安装SDK插件
~/truth_hold/server$ npm install --save wafer2-client-sdk


sass插件用来支持scss语言的运行环境,如果没有安装sass插件,启动npm run dev会报错,我们先打开终端安装一下scss插件


//打开项目目录
~$ cd truth_hold
//在项目目录中安装sass插件
~/truth_hold$ npm install sass-loader node-sass --save-dev


4、启动项目

(1)打开终端,进入项目目录,打开两个窗口同时运行npm run dev


第一个窗口,在项目目录下运行npm run dev用来启动前端代码


~/truth_hold$ npm run dev


第二个窗口,在server目录下运行npm run dev用来启动后端代码


~/truth_hold/server$ npm run dev

(2)打开微信开发者工具,查看效果

相关实践学习
每个IT人都想学的“Web应用上云经典架构”实战
本实验从Web应用上云这个最基本的、最普遍的需求出发,帮助IT从业者们通过“阿里云Web应用上云解决方案”,了解一个企业级Web应用上云的常见架构,了解如何构建一个高可用、可扩展的企业级应用架构。
MySQL数据库入门学习
本课程通过最流行的开源数据库MySQL带你了解数据库的世界。   相关的阿里云产品:云数据库RDS MySQL 版 阿里云关系型数据库RDS(Relational Database Service)是一种稳定可靠、可弹性伸缩的在线数据库服务,提供容灾、备份、恢复、迁移等方面的全套解决方案,彻底解决数据库运维的烦恼。 了解产品详情: https://www.aliyun.com/product/rds/mysql 
目录
相关文章
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
Windows
Windows环境CMake安装教程
Windows环境CMake安装教程
1768 0
Windows环境CMake安装教程
|
NoSQL Java Redis
Spring Boot 监听 Redis Key 失效事件实现定时任务
Spring Boot 监听 Redis Key 失效事件实现定时任务
430 0
|
10月前
|
机器学习/深度学习 自然语言处理 并行计算
《深度揭秘:利用Hugging Face Transformer库打造独特混合专家(MoE)模型》
混合专家(MoE)模型是一种创新架构,通过融合多个“专家”子模型,针对不同任务提供更优解决方案。相比传统单一模型,MoE能更好地应对复杂多样的语言任务。借助Hugging Face Transformer库,可利用预训练模型定制专家,并设计门控网络协调任务分配。本文详细解析了MoE模型的设计、训练与优化方法,探讨其在智能客服、机器翻译等领域的应用潜力,以及未来推动自然语言处理技术发展的可能性。
423 1
|
人工智能
三文带你轻松上手鸿蒙的AI语音03-文本合成声音
三文带你轻松上手鸿蒙的AI语音03-文本合成声音
545 1
三文带你轻松上手鸿蒙的AI语音03-文本合成声音
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
存储 运维 小程序
后端开发零负担!揭秘支付宝小程序云开发的高效与安全,你的项目也能飞速上线?
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境,助力开发者高效、安全地构建小程序后端服务,免去服务器搭建,显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能,便于快速搭建后端逻辑。例如,仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化,同时平台还提供了强大的安全保障措施,确保数据安全和用户隐私。无论对于初创团队还是成熟企业,支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
459 1
|
关系型数据库 MySQL 数据库
Navicat的安装与mysql数据库的连接保姆级教程
概述 上节写了mysql的安装与使用的详细方法,接下来为大家介绍Navicat的安装与mysql的连接。
2081 0
Navicat的安装与mysql数据库的连接保姆级教程
|
Linux 缓存
CentOS 7.x 安装阿里yum源
1. 执行命令 curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo 该命表示把Centos-7.repo下载到/etc/yum.repos.d/目录下,如果该目录下有CentOS-Base.repo,则会自动覆盖。
21290 0
|
Java 测试技术 Maven
NoSuchMethodError 常见原因及解决方法
导读 『StabilityGuide』是阿里多位阿里技术工程师共同发起的稳定性领域的知识库开源项目,涵盖性能压测、故障演练、JVM、应用容器、服务框架、流量调度、监控、诊断等多个技术领域,以更结构化的方式来打造稳定性领域的知识库,欢迎您的加入。
16593 0

热门文章

最新文章

下一篇
开通oss服务