千千梦丶琪 发表于 2024-6-15 01:47:27

微信小步伐开发之毗连本地MYSQL数据库

一、本地搭建HTTP服务器

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

1)下载安装Node.js

网址:https://nodejs.org/en
右边是长期维护版本,左边是尝鲜版,推荐下载长期维护版本
https://img-blog.csdnimg.cn/9a8e0cbaed2b4069814e3faab3ca81a2.png
2)安装完成后本地创建文件夹,文件夹名字随便,我的文件夹名称是nodeMysqlDemo

https://img-blog.csdnimg.cn/608ff59c48614025b215160fca746b5d.png
3)打开命令行

搜索node关键字,用管理员身份打开node.js command prompt
https://img-blog.csdnimg.cn/cf8de8c934364b24afbe0cf85c3c6116.png
4)进入D盘,进入刚创建的文件夹

https://img-blog.csdnimg.cn/88e2814f8afb4642af033d16184d49a5.png
5)依次输入如下命令

初始化项目,将会自动创建package.json设置文件
npm init -y
安装Express框架,用于快速创建HTTP服务器
npm install express --save
安装nodemon监控文件修改
npm install nodemon -g
安装mysql的软件包
npm install mysql --save
操作成功后文件夹里面会有这些文件
https://img-blog.csdnimg.cn/a5621987bfcc490591b6b44408c3fefa.png
6)在该目录创建server.js文件

如果不会创建可以先创建server.txt文本文件,然后把后缀改成js即可
https://img-blog.csdnimg.cn/7a053caa93c744d6863d4fe722d64549.png
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)最后在命令行运行该文件,启动服务器

https://img-blog.csdnimg.cn/5ce278786aa84270a780e1b58b91e21e.png
二、微信小步伐获取本地数据库内容

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)关闭域名校验设置

https://img-blog.csdnimg.cn/7230e3c16de942b8bf04c8a62c6ee81a.png
对于正式上线的项目,小步伐要求服务器域名必须在小步伐管理后台中添加,域名必须经过ICP存案,且支持HTTPS和WSS协议,对于开发职员来说,为了方便学习,可以在微信开发者工具中关闭这些验证,从而使用本地服务器来测试网络功能。单击工具栏中的详情按钮,找到【不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书】选项,勾选它即可。--------来自《微信小步伐开发实战》一书。
3)运行步伐,成功获取本地数据库数据

https://img-blog.csdnimg.cn/de08a84fe1de4946bc06fa171de83afe.png
常见错误:
数据库没毗连,提示Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol
解决办法:https://blog.csdn.net/qq_34235767/article/details/127617282

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 微信小步伐开发之毗连本地MYSQL数据库