Eine kurze Diskussion über die spezifischen Schritte zum Aufbau eines Backends für WeChat-Miniprogramme

In diesem Artikel erfahren Sie, wie Sie Ihr eigenes Backend für WeChat-Miniprogramme erstellen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Idee

①: Zuerst müssen wir unsere eigene AppID haben (etwas Unsinn).

②: Wir benötigen ein Backend, nämlich den Server. Domainname (Registrierung erforderlich). SSL-Zertifikat. (Kurz gesagt, wir müssen über https://www.xxxxxx.com auf unseren Server zugreifen)

③: Konfigurieren Sie die Domänennameninformationen auf der öffentlichen WeChat-Plattform.

④: Das Miniprogramm greift über die Funktion wx.request() auf unsere Hintergrundfunktion zu. Der Hintergrund akzeptiert die vom Miniprogramm übergebenen Parameter und gibt sie nach der Verarbeitung an den Miniprogrammwert zurück den Hintergrund und führt die Verarbeitung durch.

Prozess

App-ID abrufen:

Öffentliche WeChat-Plattform

Server, Domänenname (Anmeldung erforderlich), SSL-Zertifikat (kostenlose Anwendung):

Das Poster hier verwendet Tencent Cloud Server : Tencent Cloud

Domainnamenregistrierung:

Domainnamenregistrierung

SSL-Zertifikat (Anwendungs- und Installationskonfiguration):

Zertifikatanwendung

Installation und. Konfiguration(Die Originalplakat Hier ist Windows +Apache Konfigurieren Sie das SSL-Zertifikat in der Umgebung. Wenn Sie es in anderen Umgebungen installieren, können Sie sich auf die Zertifikatinstallation beziehen):

Laden Sie Ihr SSL-Zertifikat herunter und legen Sie die 3 Dateien im Apache-Ordner im Ordner conf ab Suchen Sie im Apache-Verzeichnis

In Ihrem Apache-Verzeichnis nach confhttpd.conf und öffnen Sie es. Suchen Sie die folgenden zwei Zeilen und entfernen Sie das Kommentarsymbol # vor diesen beiden Zeilen. (Wenn nicht, entfernen Sie einfach das #-Zeichen und fügen Sie es in die Datei ein)

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

Suchen Sie confextrahttpd-ssl.conf in Ihrem Apache-Verzeichnis und suchen Sie am Ende nach 02c98f1f4b649f2d9e6fcf9caab285dc Der folgende Code ersetzt den gesamten Code zwischen diesen beiden Zeilen (bitte löschen Sie den Text in und nach dem 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>

Konfigurieren Sie die Domänennameninformationen auf der öffentlichen WeChat-Plattform:

Zu diesem Zeitpunkt in die WeChat-Entwicklertools Dieser Domainname wird als sicherer und verfügbarer Domainname betrachtet (beachten Sie, dass wir in den Projekteinstellungen in den beiden Bildern unten die Option „Legaler Domainname“ nicht aktivieren und Sie auf unser Backend zugreifen können, da unser Domainname theoretisch sicher ist (http- und https-Unterschiede)

                                                            Das Poster hier verwendet PHP-Backend):

Write Fügen Sie den folgenden Code in die WeChat-Entwicklertools ein:

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>

Backend-Code:

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

Ergebnisanzeige:

                                                                                                                                                    

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die spezifischen Schritte zum Aufbau eines Backends für WeChat-Miniprogramme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!