小白如何在本地运行一个微信小程序

桂花树之春

于 2025-03-29 22:15:00 发布

阅读量1.2k

点赞数 10

文章标签：微信小程序前端后端

本文链接：https://blog.csdn.net/2301_76677472/article/details/146611757

版权

文章目录

前言
一、IDE
二、环境配置
- 创建新环境
- 选择python解释器
三、安装依赖包
四、建立数据库
五、修改请求地址为本机地址
六、把appid、secret改成自己的
总结

前言

近期得到任务，一个微信小程序基本功能都已实现，但前端页面需要优化，得到前后端源码后，开始尝试运行。作为小白，其间出现无数波折，但自己总是张不开嘴去问，往往一个报错需要自己研究好久。总结了小程序本地运行所需要的一系列步骤，希望能够帮助到有和我一样困难的朋友。

一、IDE

后端代码是用python写的，我使用的编辑器是VSCode
使用前准备：安装扩展 python
在这里插入图片描述
需要的话，还可以顺便安装一下python Debugger来调试代码。

二、环境配置

代码是使用3.9版本的python编写的，而我环境中的python是3.8版本的，为了匹配，防止之后出现代码语法不兼容的情况，新建了一个环境，取名eason~
打开终端
在这里插入图片描述

创建新环境

conda create -n 环境名 python==版本号

激活环境

conda activate 环境名

列出所有环境 (环境名前带*表示目前运行在此环境中)

conda env list

选择python解释器

可以点击终端右下角框红的地方
在这里插入图片描述
或者Ctrl+shift+P 打开命令面板
输入 python select interpreter，点击进入

选择刚才新建的环境

三、安装依赖包

主要看代码调用了哪些包，然后逐条pip install XXX
有时候pip安装速度会非常慢，可以使用镜像网站，如：

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple 包名

这样速度可能就会快一点，速度没有明显提高的话，可以试试使用其他的镜像网站

注意：以whisper为例，当出现 ModuleNotFoundError: No module named ‘whisper’，不要直接pip install whisper，有可能真正的包名不是错误信息中出现的，这里的需要安装的包名是openai-whisper，需要自己去留心查一查。

这一步虽然看着简单，但其实也是挺麻烦的。

四、建立数据库

之前接触小程序都是前端相关的任务，没有数据库的概念，环境搭建好，运行程序时报500 Internal Server Error，发现是因为自己没有建数据库就开始运行了。
我拿到的代码里面有.sql文件，是用MySQL写的。这种现成的.sql文件直接在MySQL中运行一下就好了。

进入MySQL

mysql界面是这种终端的形式，安装的时候需要设密码（一定不要忘记！），这里输入密码，回车。如果密码错误，则会自动退出。
在这里插入图片描述

创建数据库

要先找到小程序后端中使用的数据库名称，在后端代码的文件夹里面找到一个名称类似"database.py"的文件，找到数据库名“database”。注意要修改这里的“password”为你自己mysql账号的密码。
在这里插入图片描述
在mysql终端输入指令
创建数据库

create DATABASE databasename

创建数据表

USE databasename

运行.sql文件

SOURCE 文件路径/文件名.sql;

然后会有一系列的“OK”或者“ERROR”，出现“ERROR”的话就自己查一下哪里出错了。

五、修改请求地址为本机地址

小程序后端创建页面路由，前端通过.js文件来请求访问页面，我们在本地运行需要修改请求的URL中的域名或者IP地址为本机地址，一般是127.0.0.1或localhost。

要特别注意协议和端口号。怎么知道端口号呢？我们可以尝试先运行一下小程序的后端，运行后端代码的入口文件，以python代码为例，一般名为*“main.py”*，点击右上方的小三角，尝试运行程序
在这里插入图片描述
然后会出现

解释各条消息的含义：

INFO: Started server process [2292] #服务器进程已启动，PID（Process ID）为 2292
INFO: Waiting for application startup. #服务器正在等待应用程序完成初始化（如数据库连接、配置加载等）
INFO: Application startup complete. #应用程序初始化完成，已准备好处理请求
INFO: Uvicorn running on http://0.0.0.0:8000 #使用 Uvicorn ASGI 服务器运行在 8000 端口，0.0.0.0 表示监听所有网络接口（允许外部访问）

根据最后一条消息，我们就知道了当前程序正运行在8000端口，所以前端页面.js文件中请求的url格式为”http://127.0.0.1:8000/pageRouter“。

这里为什么使用http协议，因为在本地运行 Uvicorn ASGI 服务器时，默认情况下它仅支持 HTTP 协议，使用https时会找不到页面。

六、把appid、secret改成自己的

当本地运行他人写的微信小程序时，一定要修改appid和密钥。在后端代码中找到类似”user_service.py“的文件，找到下面这两个字段，修改成自己的
在这里插入图片描述
如果不知道自己的账号和密钥，去微信公众平台上找

如果不修改，则会报400 bad request

修改之后，问题就解决啦！
可以进行后续操作啦！！