微信小程序开发之连接本地MYSQL数据库
创始人
2025-01-08 16:34:10
0

一、本地搭建HTTP服务器

1.使用Node.js在本地搭建HTTP服务器

1)下载安装Node.js

网址:https://nodejs.org/en
右边是长期维护版本,左边是尝鲜版,推荐下载长期维护版本
在这里插入图片描述

2)安装完成后本地创建文件夹,文件夹名字随便,我的文件夹名称是nodeMysqlDemo

在这里插入图片描述

3)打开命令行

搜索node关键字,用管理员身份打开node.js command prompt
在这里插入图片描述

4)进入D盘,进入刚创建的文件夹

在这里插入图片描述

5)依次输入如下命令

[1] 初始化项目,将会自动创建package.json配置文件

npm init -y 

[2] 安装Express框架,用于快速创建HTTP服务器

npm install express --save 

[3] 安装nodemon监控文件修改

npm install nodemon -g 

[4] 安装mysql的软件包

npm install mysql --save 

操作成功后文件夹里面会有这些文件
在这里插入图片描述

6)在该目录创建server.js文件

如果不会创建可以先创建server.txt文本文件,然后把后缀改成js即可
在这里插入图片描述

6)打开server.js文件,写如下服务器端代码并保存

const express=require('express') const bodyParser =require('body-parser') const app=express() const mysql = require('mysql') app.use(bodyParser.json())  //处理post请求 app.post('/',(req,res) => {   console.log(req.body)   res.json(req.body) })  app.post('/show',(req,res)=>{   console.log(req.body.name)   const a=req.body.name   var connection=mysql.createConnection({     host:'localhost',     user:'数据库用户名',     password:'数据库密码',     database:'数据库名称'   })   connection.connect();   connection.query("select * from tb_tags where f_tagID='"+a+"'",function(error,results,fields){     if(error) throw console.error;     res.json(results)     console.log(results)        })   connection.end();    })  app.get('/',(req,res)=>{   var connection = mysql.createConnection({     host:'localhost',     user:'数据库用户名',     password:'数据库密码',     database:'数据库名称'   });   connection.connect();   //查找所有的人物名字返回给客户端。其实没必要(测试用的)   connection.query('select * from tb_tags',function(error,results,fields){     if(error) throw error;     res.json(results)     // console.log(results)   })   connection.end(); })  app.listen(3000,()=>{   console.log('server running at http://127.0.0.1:3000') }) 

7)最后在命令行运行该文件,启动服务器

在这里插入图片描述

二、微信小程序获取本地数据库内容

1)小程序端数据获取部分代码

/**      * 生命周期函数--监听页面加载      */     onLoad(options) {         var that = this         wx.request({             url: 'http://127.0.0.1:3000/',             success: function (res) {                 console.log(res.data)                 // that.setData({ names: res.data })             }         })     }, 

2)关闭域名校验设置

在这里插入图片描述
对于正式上线的项目,小程序要求服务器域名必须在小程序管理后台中添加,域名必须经过ICP备案,且支持HTTPS和WSS协议,对于开发人员来说,为了方便学习,可以在微信开发者工具中关闭这些验证,从而利用本地服务器来测试网络功能。单击工具栏中的详情按钮,找到【不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书】选项,勾选它即可。--------来自《微信小程序开发实战》一书。

3)运行程序,成功获取本地数据库数据

在这里插入图片描述
常见错误:
数据库没连接,提示Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol
解决办法:https://blog.csdn.net/qq_34235767/article/details/127617282

相关内容

热门资讯

解迷一下!德友汇辅助器,家乡大... 解迷一下!德友汇辅助器,家乡大二辅助免费,原来有挂(哔哩哔哩)1、这是跨平台的家乡大二辅助轻量版有透...
揭露一下!斗棋bug,盛世辅助... 揭露一下!斗棋bug,盛世辅助器,竟然真的有挂(哔哩哔哩)1、让任何用户在无需盛世辅助器安装教程第三...
专业一下!互游辅助,三江互娱辅... 专业一下!互游辅助,三江互娱辅助,真是是有挂(哔哩哔哩)1、进入到互游辅助是否有挂之后,能看到左侧胜...
解密一下!胡乐麻将辅助器,广西... 解密一下!胡乐麻将辅助器,广西老友玩有破解视频,一直是有挂(哔哩哔哩)1、解密一下!胡乐麻将辅助器,...
辅助一下!闲来辅助神器下载,八... 辅助一下!闲来辅助神器下载,八闽掌上辅助软件,总是存在有挂(哔哩哔哩)闲来辅助神器下载破解侠是真的助...
推荐一下!天天挂机辅助工具,福... 推荐一下!天天挂机辅助工具,福建天天开心辅助真是性,好像存在有挂(哔哩哔哩)1.天天挂机辅助工具 选...
关于一下!决战辅助软件,九九山... 关于一下!决战辅助软件,九九山城万州版脚本,好像真的是有挂(哔哩哔哩)1、九九山城万州版脚本脚本辅助...
总结一下!小程序四川血战辅助,... 总结一下!小程序四川血战辅助,天酷辅助器,好像真的有挂(哔哩哔哩)1、小程序四川血战辅助脚本辅助下载...
教你一下!多乐辅助下载够机,胡... 教你一下!多乐辅助下载够机,胡易决胜麻架辅助,确实有挂(哔哩哔哩)1、超多福利:超高返利,海量正版游...
详细一下!小程序牵手跑得有辅助... 详细一下!小程序牵手跑得有辅助器,牛总管一定要牛辅助,本来真的有挂(哔哩哔哩)1、很好的工具软件,可...