融合Electron + nodejs + 小程序搭建趣味弹幕小工具（中）

2024-01-20 18:44:42

在弹幕小工具的开发旅程中，我们已经完成了产品需求的定义和Electron端的实现，现在是时候踏上服务端的征程了。本文将重点介绍服务端如何使用ws模块创建WebSocket服务，以及如何利用request模块生成微信小程序二维码。

WebSocket服务搭建

首先，我们需要创建一个WebSocket服务，它将充当客户端和服务器之间双向通信的桥梁。在这里，我们选择使用ws模块，因为它是一个功能强大且易于使用的WebSocket服务器库。

我们先安装ws模块：

npm install ws

然后，在我们的服务端代码中，我们可以使用以下代码来创建WebSocket服务：

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  console.log('A client has connected');

  ws.on('message', (message) => {
    console.log(`Received message: ${message}`);
    ws.send(`Hello, client!`);
  });

  ws.on('close', () => {
    console.log('A client has disconnected');
  });
});

这样，我们就创建了一个简单的WebSocket服务，它可以与客户端进行双向通信。

生成小程序二维码

为了让用户能够使用微信小程序体验我们的弹幕小工具，我们需要生成一个小程序二维码。在这里，我们将使用request模块，它是一个用于向HTTP服务器发送请求的库。

我们先安装request模块：

npm install request

然后，在我们的服务端代码中，我们可以使用以下代码来生成小程序二维码：

const request = require('request');

const APPID = 'YOUR_APPID';
const APPSECRET = 'YOUR_APPSECRET';

const url = `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${getAccessToken()}`;

request.post(url, {
  body: {
    path: '/pages/index/index',
    width: 430
  },
  json: true
}, (err, res, body) => {
  if (err) {
    console.error(err);
  } else {
    console.log(body);
  }
});

function getAccessToken() {
  const url = `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${APPID}&secret=${APPSECRET}`;

  return new Promise((resolve, reject) => {
    request.get(url, (err, res, body) => {
      if (err) {
        reject(err);
      } else {
        resolve(JSON.parse(body).access_token);
      }
    });
  });
}