云快卖,提供专业好用的外卖系统、跑腿系统和同城信息系统,公众号+小程序+APP多端适用。
微信公众平台服务器、域名(需备案)、ssl证书
2023-10-09 02:01:02 云快卖

首先微信商城和小程序,明天是个特殊的日子,请让我先说上一句:辛运男神在笑容

思路

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

②:我们须要有一个后台,即服务器。域名(需备案)。ssl证书。(其实,我们须要通过这样的方式去访问到我们服务器)

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

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

过程获取AppID:

微信公众平台

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

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

域名备案:

域名备案

微信商城和小程序_商城微信程序小程序下载_微信小程序商城是什么意思

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

证书申请

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

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

在你的目录中找到\conf\httpd.conf并打开,找到如下两行,将这两行后面的注释符号#去除。(假如没有,直接把#号除去插入文件中)

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

在你的目录中找到\conf\extra\httpd-ssl.conf,在文件最后面找到与

用下述代码代替这两行之间的所有代码(请将代码中及其旁边的文字删除):


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文件的地址

SSLOptions +StdEnvVars
AllowOverride All
Require all granted


SSLOptions +StdEnvVars

BrowserMatch "MSIE [2-5]" \
nokeepalive ssl-unclean-shutdown \
downgrade-1.0 force-response-1.0

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

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

商城微信程序小程序下载_微信小程序商城是什么意思_微信商城和小程序

小Demo测试一下(楼主这儿使用的为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



  
  点击测试服务器
  {{demo}}
  

后台代码:

结果展示:

你可能碰到的问题

该部份楼主持续更新,时间关系先空着发布了微信商城和小程序,过程中有疑惑或问题也可以留言哦~

免责声明:部分文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快为您处理。

云快卖

留言咨询

×