Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie Nodejs, um den Hintergrunddienst für öffentliche WeChat-Konten zu entwickeln, Instanz_node.js

WBOY
Freigeben: 2016-05-16 16:37:31
Original
1197 Leute haben es durchsucht

Zusammenfassung:

WeChat hat in den letzten zwei Jahren mit seiner riesigen Benutzerbasis und seiner starken Benutzerbindung die Aufmerksamkeit unzähliger Entwickler auf sich gezogen. Nodejs, ein Entwicklungstool, das sich in den letzten zwei Jahren sehr schnell weiterentwickelt hat, eignet sich besonders für den Aufbau mobiler Backends. In diesem Artikel wird anhand eines vom Autor entwickelten Beispiels beschrieben, wie er sein eigenes öffentliches WeChat-Konto auf Basis von Nodejs entwickelt. In diesem Beispiel werden hauptsächlich Express-, Wechat-, Mongodb-, Monk- und andere Module verwendet.

Frühe Vorbereitung:

1. Um ein öffentliches WeChat-Konto zu beantragen, gehen Sie zu https://mp.weixin.qq.com/. Ich werde hier nicht zu sehr ins Detail gehen.

Für den Kauf eines Servers empfehlen wir die Verwendung von Amazons EC2, die für ein Jahr kostenlos ist. Sie müssen lediglich Ihre Kreditkarteninformationen eingeben Der gesamte Prozess ist im ersten Jahr kostenlos, es lohnt sich, mehr Zeit zu investieren.

NodeJs-Entwicklungsumgebung installieren:

Code kopieren Der Code lautet wie folgt:

1. yum -y installiere gcc
2. yum -y installiere gcc-c
3. yum -y install make automake
4. wget http://nodejs.org/dist/v0.10.29/node-v0.10.29.tar.gz
5. tar -xvzf node-v0.10.29.tar.gz
6. cd Verzeichnis entpacken
7. ./configure
8. machen
9. make install

Mongodb installieren:
Code kopieren Der Code lautet wie folgt:

1. wget http://downloads.10gen.com/linux/mongodb-linux-x86_64-enterprise-amzn64-2.6.3.tgz
2. tar -xvzf mongodb-linux-x86_64-enterprise-amzn64-2.6.3.tgz
3. sudo cp -R -n mongodb-linux-x86_64-enterprise-amzn64-2.6.3 /usr/local/mongodb

Beispieleinführung:

Die Klasse des Autors bildete eine Fußballmannschaft. Jeder überreichte das Geld dem Kapitän, der jede Gebühr bezahlte, die Gebühr und den Saldo jeder Person aufzeichnete und alle benachrichtigte. Da nicht jeder jedes Mal kommen kann und die Kosten nur auf AA-Basis gleichmäßig unter den Teilnehmern aufgeteilt werden können, ist die Erfassung schwierig. Also habe ich ein öffentliches WeChat-Konto erstellt. Jedes Mal muss ich nur die Menge an Aktivitätsverbrauch eingeben und die Anzahl der Teilnehmer auswählen. Anschließend werden die Details automatisch an die WeChat-Gruppe gesendet dass es jeder sehen kann.

In diesem Beispiel hat der Autor tatsächlich eine Microsite erstellt, um Aktivitätsausgaben und -salden über eine Webseite aufzuzeichnen oder anzuzeigen. Das öffentliche WeChat-Konto entspricht dem Bau einer Brücke zwischen dem WeChat des Benutzers und der Mikro-Website. Wenn ein WeChat-Benutzer dem öffentlichen Konto des Autors folgt, kann der Entwicklermodus der öffentlichen WeChat-Plattform dem WeChat-Benutzer automatisch um Hilfe bitten. In der Hilfe gibt es Weblinks zu den Vorgängen. Sie müssen nur klicken, um die entsprechende Seite aufzurufen.

Erstellen Sie den Backend-Dienst für öffentliche WeChat-Konten:

Alles ist fertig, es muss nur noch entwickelt werden:)

Bevor wir beginnen, stellen wir kurz die Express- und Wechat-Module vor:
Express – ein hervorragendes Webentwicklungs-Framework. Mit Express können Sie sehr schnell Ihre eigene Website erstellen. Da der WeChat-Server über HTTP-Post-Anfragen mit dem Entwicklerserver interagiert, muss das Express-Framework verwendet werden.

Das Folgende ist das Protokoll, wenn ein neuer Benutzer folgt: 103.7.30.84 ist die IP-Adresse des WeChat-Servers.

Code kopieren Der Code lautet wie folgt:

103.7.30.84 POST /wechat?signatur=8a8e408fdae6bbdd6e470af98865a5f993cea283×tamp=1408610461&nonce=1572142586 2 200

wechat – kapselt die Details der Interaktion mit dem WeChat-Server, sodass sich Entwickler nur auf ihr eigenes Geschäft konzentrieren können.

Zuerst müssen wir Express installieren und Express verwenden, um ein Projekt zu erstellen:

Code kopieren Der Code lautet wie folgt:
1. npm install -g express
2. express -e your_project Der Parameter -e gibt an, die EJS-Engine zu verwenden. Wenn kein Parameter vorhanden ist, wird standardmäßig die Jade-Engine verwendet.
3. CD your_project && npm install

Die Verzeichnisstruktur nach der Installation ist wie folgt:

Code kopieren Der Code lautet wie folgt:

[ec2-user@ip-172-31-2-188 your_project]$ ls
app.js bin node_modules package.json öffentliche Routenansichten

Als nächstes Wechat installieren:
Code kopieren Der Code lautet wie folgt:

1. npm wechat installieren

Konfiguration des WeChat-Entwicklermodus:

URL und Token konfigurieren, das Beispiel sieht wie folgt aus:

WeChat-Serverzugriffsauthentifizierung und automatische Antwort:

Ändern Sie app.js. Der entsprechende Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

app.use('/users', Benutzer);
app.use('/weixin', weixin);

app.use(express.query()); // Oder app.use(express.query());
app.use('/wechat', wechat('hchismylove', function (req, res, next) {
// WeChat-Eingabeinformationen sind alle auf req.weixin
var message = req.weixin;
console.log(message);

if((message.MsgType == 'event') && (message.Event == 'subscribe'))
{
var fillStr = "1. Klicken Sie hier, um die Teamaufladung aufzuzeichnen"
         
var verbrauchenStr = "2. Klicken Sie hier, um den Teamverbrauch aufzuzeichnen"

var deleteStr = "3. Klicken Sie, um den Datensatz zurückzusetzen"

var HistoryStr = "4. Klicken Sie, um den Verlauf abzufragen"

         
var emptyStr = " " ";
var ReplyStr = „Vielen Dank für Ihre Aufmerksamkeit! „n“ emptyStr „n“ deleteStr „n“ emptyStr „n“ HistoryStr;
res.reply(replyStr);
}
}));


Die Authentifizierung des WeChat-Serverzugriffs kann über die folgende Codezeile erreicht werden:


Code kopieren Der Code lautet wie folgt:app.use('/wechat', wechat('your_token', Funktion (req , res, next) {
Der folgende Code implementiert das automatische Senden von Nutzungshilfen, wenn ein neuer Benutzer folgt:

if((message.MsgType == 'event') && (message.Event == 'subscribe'))
{
....
res.reply(replyStr);
}


Der WeChat-Screenshot sieht wie folgt aus:

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage