ホームページ > ウェブフロントエンド > jsチュートリアル > Nodejs を使用して WeChat パブリック アカウント バックグラウンド サービスを開発する

Nodejs を使用して WeChat パブリック アカウント バックグラウンド サービスを開発する

WBOY
リリース: 2016-05-16 16:37:31
オリジナル
1206 人が閲覧しました

概要:

WeChat は、その巨大なユーザー ベースとユーザーの強い粘着力により、過去 2 年間で数え切れないほどの開発者の注目を集めてきました。過去 2 年間で非常に急速に開発された開発ツールである Nodejs は、モバイル バックエンドの構築に特に適しています。この記事では、著者が開発した例を使用して、Nodejs に基づいて独自の WeChat パブリック アカウントを開発する方法を説明します。この例では、Express、wechat、mongodb、monk などのモジュールが主に使用されています。

早めの準備:

1. WeChat 公開アカウントを申請するには、https://mp.weixin.qq.com/ にアクセスして申請します。ここでは詳しく説明しません。

2. サーバーの購入には、Amazon の EC2 がおすすめです。1 年間無料で利用できます。クレジット カード情報を入力するだけで済みます。すべてのプロセスは英語のみです。最初の 1 年間は無料なので、もっと時間を費やす価値があります。

NodeJs 開発環境をインストールします:

コードをコピー コードは次のとおりです:

1. yum -y gcc をインストールします
2. yum -y インストール 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 ノード v0.10.29.tar.gz
6. cd 解凍ディレクトリ
7. ./configure
8.
を作る 9. インストールを行う

Mongodb をインストールします:
コードをコピー コードは次のとおりです:

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

導入例:

著者のクラスはサッカーチームを作り、全員がキャプテンにお金を渡し、キャプテンが各料金を支払い、各人の料金と残高を記録し、全員に通知しました。毎回全員が来られるわけではないし、費用もAAベースで参加者間で平等に負担するしかないので、記録するのが面倒。そこで、WeChatのパブリックアカウントを作成しました。毎回、アクティビティの消費量を入力し、参加者の数を選択するだけで、1人あたりの費用と残高が自動的に生成され、その後、詳細がWeChatグループに送信されます。誰もがそれを見ることができるように。

この例では、作成者が実際にマイクロサイトを構築し、Web ページを通じて活動費用と残高を記録または表示します。 WeChat パブリック アカウントは、ユーザーの WeChat とマイクロ Web サイトの間にブリッジを構築することに相当します。WeChat ユーザーが作成者のパブリック アカウントをフォローすると、WeChat パブリック プラットフォーム開発者モードが自動的に WeChat ユーザーに助けを求めることができます。ヘルプには、操作に対応する Web リンクがあり、クリックするだけで対応するページにアクセスできます。

WeChat パブリック アカウント バックエンド サービスを構築する:

すべての準備が整いました。あとは開発するだけです:)

始める前に、Express モジュールと Wechat モジュールを簡単に紹介しましょう:
Express - 優れた Web 開発フレームワークです。Express を使用すると、独自の Web サイトを非常に迅速に構築できます。 WeChat サーバーは HTTP Post リクエストを通じて開発者サーバーと対話するため、Express フレームワークを使用する必要があります。

以下は新規ユーザーがフォローした際のログです。103.7.30.84はWeChatサーバーのIPアドレスです。

コードをコピー コードは次のとおりです:

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

wechat - WeChat サーバーとのやり取りの詳細をカプセル化し、開発者が自分のビジネスだけに集中できるようにします。

まず、express をインストールし、express を使用してプロジェクトを作成する必要があります:

コードをコピーします コードは次のとおりです:
1. npm install -g Express
2. Express -e your_project パラメータ -e は、ejs エンジンを使用することを示します。パラメータがない場合は、デフォルトで Jade エンジンが使用されます。
3. cd your_project && npm install

インストール後のディレクトリ構成は以下のとおりです。

コードをコピー コードは次のとおりです:

[ec2-user@ip-172-31-2-188 your_project]$ ls
app.js bin node_modules package.json パブリック ルート ビュー

次に wechat をインストールします:
コードをコピー コードは次のとおりです:

1.npmでwechatをインストール

WeChat 開発者モードの設定:

URL とトークンを構成します。例は次のとおりです:

WeChat サーバーのアクセス認証と自動応答:

app.js を変更します。対応するコードは次のとおりです:

コードをコピーします コードは次のとおりです:

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

app.use(express.query()); // または app.use(express.query());
app.use('/wechat', wechat('hchismylove', function (req, res, next) {
// WeChat の入力情報はすべて req.weixin
にあります var message = req.weixin;
console.log(メッセージ);

if((message.MsgType == 'event') && (message.Event == 'subscribe'))
{
var raiseStr = "1. クリックしてチームのリチャージを記録します"

var ConsumerStr = "2. クリックしてチームの消費量を記録します"

var deleteStr = "3. クリックしてレコードをロールバックします"

var HistoryStr = "4. クリックして履歴をクエリ"


var emptyStr = " " ";
var ReplyStr = "ご清聴ありがとうございました!" "n" emptyStr "n" replaceStr "n" emptyStr "n" ConsumerStr
"n" emptyStr "n" deleteStr "n" emptyStr "n" HistoryStr;
res.reply(replyStr);
}
}));

WeChat サーバーのアクセス認証は、次のコード行によって実現できます:


コードをコピー コードは次のとおりです:
app.use('/wechat', wechat('your_token', function (req , res, next) {
次のコードは、新しいユーザーがフォローしたときに使用方法に関するヘルプの自動送信を実装します。

コードをコピーします コードは次のとおりです:
if((message.MsgType == 'event') && (message.Event == 'subscribe'))
{
....
res.reply(replyStr); }


WeChat のスクリーンショットは次のとおりです:

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート