Maison > Applet WeChat > Développement de mini-programmes > Une brève discussion sur les étapes spécifiques pour créer un backend pour les mini-programmes WeChat

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

青灯夜游
Libérer: 2021-05-19 09:40:21
avant
14588 Les gens l'ont consulté

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.

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

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
Copier après la connexion

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>
Copier après la connexion

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:&#39;超超1号&#39;
      },
      header: {
        &#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39;
      },
      method: "GET",
      success(result) {
        console.log(result);
        that.setData({
          demo: result.data
        })
      },
      fail(error) {
        util.showModel(&#39;请求失败&#39;, error);
        console.log(&#39;request fail&#39;, error);
      }
    })
  },

  
})
Copier après la connexion

index.wxml

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

Code backend :

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

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal