微信小程序实现微信公众号留言功能
前言----
现在微信公众号留言功能不开通真的很麻烦，与读者之间缺少了很多的互动，所以小鹿就花费了一个月的时间，做了一款留言小程序，嵌入到公众号文章底部，点击进入用户即可进行留言，和公众号管理人员进行交流。
本文将详细描述如何实现微信小程序留言功能，并附带前、后端源码。
前端源码
微信小程序留言助手 index.wxml```html
```
index.js```javascript// index.jsPage({
data: {},
toLeaveMessage() {
wx.navigateTo({
url: '/pages/leaveMessage/index',
})
},
})
```
leaveMessage.wxml```html
```
leaveMessage.js```javascript// leaveMessage.jsPage({
data: {},
submitForm(e) {
const { name, content } = e.detail.value if (!name || !content) return wx.showToast({ title: '请填写完整信息' })
// 发送留言请求到后端 wx.request({
url: ' method: 'POST',
data: { name, content },
success() {
wx.showToast({ title: '留言成功!' })
},
fail() {
wx.showToast({ title: '留言失败!' })
},
})
},
})
```
后端源码 Express.js```javascript// express.jsconst express = require('express')
const app = express()
app.post('/leaveMessage', (req, res) => {
const { name, content } = req.body // 存储留言信息到数据库 db.collection('messages').insertOne({ name, content })
res.json({ message: '留言成功!' })
})
app.listen(3000, () => {
console.log('Server listening on port3000')
})
```
MongoDB```javascript// mongodb.jsconst MongoClient = require('mongodb').MongoClientMongoClient.connect('mongodb://localhost:27017/', (err, client) => {
if (err) return console.error(err)
const db = client.db()
// 存储留言信息到数据库 db.collection('messages').insertOne({ name: '小鹿', content: '这是一个测试留言' })
})
```
总结
本文实现了微信小程序留言功能，并附带前、后端源码。用户可以通过点击进入留言助手，填写自己的名字和留言内容，然后提交到后端服务器进行存储。后端使用Express.js框架接收请求并将信息存储到MongoDB数据库中。
注意
本文仅供参考，请自行修改代码以适应您的需求。
