Maison > Article > Applet WeChat > 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.
① : 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.
Plateforme publique WeChat
L'affiche ici utilise le serveur Tencent Cloud : Tencent Cloud
Enregistrement du nom de domaine
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 02c98f1f4b649f2d9e6fcf9caab285dc 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>
À 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) :
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='ceshifuwuqi'>点击测试服务器 <view>{{demo}}</view></view> </view>
Code backend :
<?php $myName = $_GET['name']; //GET方式获取传来的name参数 echo $myName."真帅";
Affichage du résultat :
>Recommandations d'apprentissage associées : Tutoriel de développement de petits programmesCe 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!