Une brève discussion sur les étapes spécifiques pour créer un backend pour les mini-programmes WeChat

Cet article vous présentera comment créer votre propre backend pour l'applet WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Idée

① : Nous devons d'abord avoir notre propre AppID (un peu absurde).

② : Nous avons besoin d'un backend, c'est-à-dire un serveur. Nom de domaine (nécessite un enregistrement). certificat SSL. (En bref, nous devons accéder à notre serveur via https://www.xxxxxx.com)

③ : Configurez les informations du nom de domaine dans la plateforme publique WeChat.

④ : L'applet accède à notre fonction background via la fonction wx.request(). Le background accepte les paramètres passés par l'applet, et les renvoie à la valeur de l'applet après traitement. à partir des paramètres et effectuer des opérations.

Processus

Obtenir l'AppID :

Plateforme publique WeChat

Serveur, nom de domaine (nécessite un dépôt), certificat SSL (application gratuite) :

L'affiche ici utilise le serveur Tencent Cloud : Tencent Cloud

Enregistrement du nom de domaine :

Enregistrement du nom de domaine

Certificat SSL (configuration de l'application et de l'installation) :

Application de certificat

Configuration de l'installation (L'auteur ici est de configurer le certificat SSL dans l'environnement Windows+Apache. Si vous devez l'installer dans autres environnements, vous pouvez vous référer à l'installation du certificat) :

Téléchargez votre certificat SSL et mettez les 3 fichiers du dossier Apache dans le dossier conf du répertoire Apache

Trouvez confhttpd.conf dans votre répertoire Apache et ouvrez-le, recherchez les deux lignes suivantes et supprimez le symbole de commentaire # devant ces deux lignes. (Sinon, supprimez simplement le signe # et insérez-le dans le fichier)

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

Trouvez confextrahttpd-ssl.conf dans votre répertoire Apache et recherchez fin du fichier ;

Remplacez tout le code entre ces deux lignes par le code suivant (veuillez supprimer le texte dans et après le code) :

<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>

Plateforme publique WeChat Configurer les informations sur le nom de domaine :

À ce stade, le nom de domaine sera considéré comme un nom de domaine sûr et disponible dans les outils de développement WeChat (notez que nous ne vérifions pas la légalité dans le paramètres du projet dans les deux images ci-dessous) Vous pouvez accéder à notre backend même si l'option de nom de domaine n'est pas cochée, car la sécurité théorique de notre nom de domaine (la différence entre http et https))

                     

Testez-le avec une petite démo (l'affiche ici utilise le backend PHP) :

Écrivez le code suivant dans le développeur WeChat outils,

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>

Code backend :

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

Affichage du résultat :

>

Recommandations d'apprentissage associées :

Tutoriel de développement de petits programmes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!