How to develop Mini Program Mobile Library
This article introduces the relevant knowledge of "how to develop Mini Program Mobile Library". In the operation of practical cases, many people will encounter such a dilemma. Then let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!
Mini Program MINA Framework: a responsive data binding framework. Divided into two view layers (View) and logical layers (App Service)
Flex:flex flexible layout
Express: http Services Framework
Websocket: real-time push of front and back end messages
Mongoose: manipulating mongodb database
Pm2: server deployment using pm2, resident process
Code structure
There will be four files for each page in WeChat Mini Programs. Js.json.wxml.wxss
Js file is the logic of the page, json file is some configuration of the page, wxml is the page structure of Mini Program, wxss is the style of the page.
Encapsulate a http request
Const request = (obj) = > {
If (obj.header) {
Obj.header.sessionId = session.sessionId
} else {
Obj.header = {sessionId: session.sessionId}
}
Wx.request (obj)
}
Manually add sessionId to the request header because Mini Program does not have cookie.
Websocket
/ / Connect to websocket
Wx.connectSocket ({
Url: 'wss://liudongtushuguan.cn/socket?sessionId=' + session.sessionId
});
Wx.onSocketOpen (function (res) {
});
Wx.onSocketClose (function (res) {
Console.log ('websocket closed')
});
Wx.onSocketMessage (function (res) {/ / callback of received message
Let msg = JSON.parse (res.data)
Let msgs = that.data.borrowMessage
Msgs.unshift (msg)
That.setData ({borrowMessage: msgs})
});
/ / send socket messages
Let data = JSON.stringify ({
TargetId: bookData.ownerId
NickName: APP.globalData.userInfo.nickName
BookName: bookData.title
Time: new Date () .toLocaleString ()
BookId: bookId
WxNum: wxNum
PhoneNum: phoneNum
Msg: msg
});
Wx.sendSocketMessage ({
Data: data
});
Server side
Code directory
Express Framework implements http Service
Const https = require ('https')
Const fs = require ('fs')
Const express = require ('express')
Const cookieParser = require ('cookie-parser')
Const bodyParser = require ('body-parser')
Const app = express ()
Const queryString = require ('querystring')
Const URL = require ('url')
Const socket = require ('. / service/socket')
Const router = require ('. / routes/router') .router
/ / obtain certification certificate
Var key = fs.readFileSync ('. / key/2_www.liudongtushuguan.cn.key')
Var cert = fs.readFileSync ('. / key/1_www.liudongtushuguan.cn_bundle.crt')
Var options = {
Key: key
Cert: cert
}
App.use (cookieParser ())
App.use (bodyParser.json ())
Const httpsServer = https.createServer (options,app)
HttpsServer.listen (443, () = > {
Console.log ('listening 443 port')
});
Socket (httpsServer); / / websocket
App.use (router)
Mini Program stipulates that the https protocol must be used.
Websocket module
Const WebSocket = require ('ws'); / / use the ws module
Const queryString = require ('querystring')
Const URL = require ('url')
Const sessions = require ('. / session')
Module.exports = (httpServer) = > {
Const wss = new WebSocket.Server ({server: httpServer})
Wss.on ('connection', (ws, req) = > {
Let sessionId = queryString.parse (URL.parse (req.url) .query) .sessionId
Ws.id = sessionId
Ws.on ('message', (msg) = > {
Let msgObj = JSON.parse (msg)
If (sessions [msgObj.targetId]) {
Wss.clients.forEach ((client) = > {
If (client.id = msgObj.targetId) {
Let data = {
Time: msgObj.time
Borrower: msgObj.nickName
Book: msgObj.bookName
BorrowerId: sessions [sessionId]
BookId: msgObj.bookId
WxNum: msgObj.wxNum
PhoneNum: msgObj.phoneNum
Msg: msgObj.msg
}
Client.send (JSON.stringify (data))
}
});
}
});
});
}
Mongoose operates the database
Db.js:
Const mongoose = require ('mongoose')
Mongoose.connect ('mongodb://app:12345678@127.0.0.1/wxapp')
Const connection = mongoose.connection
Connection.once ('open', (err) = > {
If (err) {
Console.log ('Database connection failure')
} else {
Console.log ('Database opened')
}
});
Connection.on ('error', (err) = > {
Console.log ('Mongoose connected error' + err)
});
Connection.on ('disconnected', ()) = > {
Console.log ('Mongoose disconnected')
});
Module.exports = {
Connection: connection
Mongoose: mongoose
}
Model.js:
Const Schema = mongoose.Schema
Const UserSchema = new Schema ({
OnlyId: {type: String}
PublishedBooks: {type: Array}
BorrowedBooks: {type: Array}
BorrowMessages: Array
});
Const BookSchma = new Schema ({
Isbn: String
Title: String
Press: String
Author: String
Rate: String
Tags: String
Image: String
Status: {type: Boolean,default: true}
OwnerId: String
Owner: String
OwnerImage: String
});
Const userModel = mongoose.model ('user', UserSchema)
Const bookModel = mongoose.model ('book', BookSchma)
Module.exports = {
UserModel: userModel
BookModel: bookModel
}
Get the openId of Wechat users
The Mini Program front end will request the Wechat server to get a code, send the code to its own server, and then its own server will send a request to the Wechat server to get the unique identity openId of the Wechat user.
Const https = require ('https')
Const queryString = require ('querystring')
Const sessions = require ('. / session')
Module.exports = (req, res, next) = > {
Let code = req.query.code
Let otherRes = res
DATA.js_code = code
OPTION.path = PATH + queryString.stringify (DATA)
Let wxReq = https.request (OPTION, (res) = > {
If (res.statusCode = = 200) {
Let json =''
Res.on ('data', (data) = > {
Json+=data
});
Res.on ('end', () = > {
Json = JSON.parse (json)
Let openId = json.openid
Sessions [openId] = openId
OtherRes.type ('application/json')
OtherRes.json ({
Data: {'sessionId': openId}
});
OtherRes.status (200)
});
}
});
WxReq.end ()
}
Deploy using pm2
Install pm2
Npm install-g pm2
Start the application
Pm2 start app.js
This is the end of the content of "how to develop Mini Program Mobile Library". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!
