WeChat ミニ プログラムのバックエンドを構築するための具体的な手順に関する簡単な説明

この記事では、WeChat アプレット用の独自のバックエンドを構築する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

アイデア

①: まず、独自の AppID を取得する必要があります (少しナンセンスです)。

②: バックエンド、つまり server が必要です。 ドメイン名 (登録が必要です)。 SSL証明書。 (つまり、https://www.xxxxxx.com を通じてサーバーにアクセスする必要があります)

③: WeChat パブリック プラットフォームでドメイン名情報 を構成します。

④: ミニ プログラムは、wx.request() 関数を介してバックグラウンド関数にアクセスします。バックグラウンドは、ミニ プログラムによって渡されたパラメーターを受け取り、処理後にそれらをミニ プログラムの値に返します。その後、ミニ プログラムは受信します。バックグラウンドで渡されるパラメータを取得し、操作を実行します。

プロセス

AppIDの取得:

WeChatパブリックプラットフォーム

##サーバー、ドメイン名 (申請が必要)、SSL 証明書 (無料で申請可能):

このポスターでは Tencent Cloud サーバーを使用しています: Tencent Cloud

##ドメイン名登録:

ドメイン名登録

SSL 証明書 (アプリケーションおよびインストール構成):

証明書の適用

インストール構成

(ここでは、Windows Apache 環境で SSL 証明書を構成します。インストールしたい場合は、他の環境では、証明書のインストールを参照できます):

SSL 証明書をダウンロードし、Apache フォルダー内の 3 つのファイルを Apache ディレクトリの conf フォルダーに置きます。 Apache ディレクトリの \httpd.conf を開き、次の 2 行を見つけて、これら 2 行の前にあるコメント記号 # を削除します。 (そうでない場合は、# 記号を削除してファイルに挿入してください)

# LoadModule ssl_module modules/mod_ssl.so
# Include conf/extra/httpd-ssl.conf

Apache ディレクトリで \conf\extra\httpd-ssl.conf を見つけ、次の場所で を見つけます。ファイルの終わり

これら 2 行間のすべてのコードを次のコードに置き換えます (コード内とその後のテキストを削除してください):

<VirtualHost _default_:443>
DocumentRoot "C:\AppServ\www"  你的网站物理地址，即访问你的域名你想展示的页面
ServerName www.data-ordertime.xyz  你的网站域名
ServerAlias data-ordertime.xyz  你的网站域名 不加www
ServerAdmin 1910722307@qq.com  你的邮箱
DirectoryIndex index.html index.htm index.php default.php app.php u.php
ErrorLog logs/example_error.log
CustomLog logs/example_access.log \
"%t %h %{SSL_PROTOCOL}x %{SSL_CIPHER}x \"%r\" %b"
SSLEngine on
SSLCertificateFile conf/2_data-ordertime.xyz.crt  你申请的证书文件的地址
SSLCertificateKeyFile conf/3_data-ordertime.xyz.key  你申请的key文件的地址
<Directory "sslroot/">
SSLOptions +StdEnvVars
AllowOverride All
Require all granted
</Directory>
<FilesMatch "\.(shtml|phtml|php)$">
SSLOptions +StdEnvVars
</FilesMatch>
BrowserMatch "MSIE [2-5]" \
nokeepalive ssl-unclean-shutdown \
downgrade-1.0 force-response-1.0
</VirtualHost>

WeChat public

プラットフォームでドメイン名情報を構成します:

現時点では、ドメイン名は WeChat 開発者ツールで安全で利用可能なドメイン名とみなされます (注意してください)。以下の 2 つの図のプロジェクト用にセットアップします。「法的なドメイン名を検証しない」オプションがチェックされている場合でも、当社のドメイン名は理論的に安全であるため (http と https の違い)、バックエンドにアクセスできます。

#小さなデモをテストします (このポスターでは PHP バックエンドを使用しています):

次のコードを WeChat 開発者ツールに書き込みます。

Index.js

//index.js

Page({
  data: {
  },
  
  ceshifuwuqi:function(){
    
    var that = this
    wx.request({
      url: `https://www.data-ordertime.xyz/wxdemo.php`,//你的后台url地址
      data:{
        name:'超超1号'
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      method: "GET",
      success(result) {
        console.log(result);
        that.setData({
          demo: result.data
        })
      },
      fail(error) {
        util.showModel('请求失败', error);
        console.log('request fail', error);
      }
    })
  },

  
})

index.wxml

<!--index.wxml-->
<view class="container">
  
  <view bindtap=&#39;ceshifuwuqi&#39;>点击测试服务器
  <view>{{demo}}</view></view>
  
</view>

バックエンドコード:

<?php
$myName = $_GET[&#39;name&#39;];  //GET方式获取传来的name参数
echo $myName."真帅";

結果表示:

関連する学習に関する推奨事項:

小さなプログラム開発チュートリアル

以上がWeChat ミニ プログラムのバックエンドを構築するための具体的な手順に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。