微信小程序> 微信小程序如何搭建自己的后台(超详细,超完整)(上线必备)!!!

微信小程序如何搭建自己的后台(超详细,超完整)(上线必备)!!!

浏览量:640 时间: 来源:超超_1号

首先,今天是个特殊的日子,请让我先说上一句:幸运女神在微笑

 

思路

①:首先我们需要拥有自己的 AppID  (有点废话了)。

②:我们需要有一个后台,即服务器域名(需备案)ssl证书。(总之,我们需要通过https://www.xxxxxx.com这样的形式去访问到我们服务器)

③:在微信公众平台中配置域名信息

④:小程序端通过wx.request()函数访问我们的后台函数,后台接受小程序传来的参数,经过加工后返回给小程序值,小程序端再接收后台传来的参数并进行操作。

 

过程

获取AppID:

微信公众平台

 

服务器、域名(需备案)、ssl证书(可免费申请):

楼主这里用的是腾讯云服务器:腾讯云

 

域名备案:

域名备案

 

SSL证书(申请与安装配置):

证书申请

安装配置(楼主这里是windows+Apache环境下配置SSL证书,如有其它环境安装,可以参考证书安装)

将你的SSL证书下载下来,将Apache文件夹下的3个文件放到Apache目录下的conf文件夹里

在你的Apache目录中找到confhttpd.conf并打开,找到如下两行,将这两行前面的注释符号 # 去掉。(如果没有,直接把#号去掉插入文件中)

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

在你的Apache目录中找到confextrahttpd-ssl.conf,在文件最后面找到 VirtualHost _default_:443 与 /VirtualHost

用下列代码替代这两行之间的所有代码(请将代码中////及其后面的文字删掉):

VirtualHost _default_:443DocumentRoot "C:AppServwww"  ////你的网站物理地址,即访问你的域名你想展示的页面ServerName www.data-ordertime.xyz  ////你的网站域名ServerAlias data-ordertime.xyz  ////你的网站域名 不加wwwServerAdmin 1910722307@qq.com  ////你的邮箱DirectoryIndex index.html index.htm index.php default.php app.php u.phpErrorLog logs/example_error.logCustomLog logs/example_access.log "%t %h %{SSL_PROTOCOL}x %{SSL_CIPHER}x "%r" %b"SSLEngine onSSLCertificateFile conf/2_data-ordertime.xyz.crt  ////你申请的证书文件的地址SSLCertificateKeyFile conf/3_data-ordertime.xyz.key  ////你申请的key文件的地址Directory "sslroot/"SSLOptions +StdEnvVarsAllowOverride AllRequire all granted/DirectoryFilesMatch ".(shtml|phtml|php)$"SSLOptions +StdEnvVars/FilesMatchBrowserMatch "MSIE [2-5]" okeepalive ssl-unclean-shutdown downgrade-1.0 force-response-1.0/VirtualHost

 

微信公众平台中配置域名信息:

此时,在微信开发者工具中该域名会认为是安全可用域名(注意,我们是为了下面二图中项目设置中 不校验合法域名 选项不被勾上也可以访问我们的后台,因为我们域名理论上的安全(http与https的差异))

      

                                                             

 

小Demo测试一下(楼主这里使用的为PHP后台):

微信开发者工具中写入如下代码,

index.js

//index.jsPage({  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

后台代码:

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

结果展示:

                 

 

 

你可能遇到的问题

该部分楼主持续更新,时间关系先空着发布了,过程中有疑问或问题也可以留言哦~

 

 

 

 

 

 

 

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎