小程序开发

╰+攻爆jí腚メ 2022-12-07 11:49 208阅读 0赞

### 前言： ###

--------------------

1：首先我们需要拥有自己的 AppID （哪都用）。

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

3：在微信公众平台中配置域名信息。

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

一、appid如何申请

点击[https://mp.weixin.qq.com/][https_mp.weixin.qq.com]进入微信公众平台，点击右上角「立即注册」，选择「小程序」，填写【邮箱】【密码】【验证码】等，（注意：`邮箱选未被微信开放平台注册，未被个人微信号绑定的邮箱`）完成邮箱验证，填写你的开发者资料，姓名，身份证、手机号，所在地区以及用绑定银行卡的微信号扫描二维码。然后就可以看到已经成功注册，不过要使用其他的功能，例如创建第三方平台，那么需要你申请开发者资质认证，需要交费300元，有效期一年。  
注册成功后，手机扫描登陆。开发–>开发设置 可查看appid  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center]

注册具体过程请点击[https://www.jb51.net/softjc/514481.html][https_www.jb51.net_softjc_514481.html]

### 二、服务器、域名（需备案）、ssl证书（可免费申请）： ###

我选择[腾讯云][Link 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 1]  
域名备案：  
[域名备案][Link 2]

SSL证书（申请与安装配置）：  
[证书申请][Link 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 2]  
安装配置（这里是windows+Apache环境下配置SSL证书，如有其它环境安装，可以参考[证书安装][Link 4]）：

将你的SSL证书下载下来，将Apache文件夹下的3个文件放到Apache目录下的conf文件夹里  
在你的Apache目录中找到\\conf\\httpd.conf并打开,找到如下两行，将这两行前面的注释符号 \# 去掉。（如果没有，直接把\#号去掉插入文件中）

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

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

用下列代码替代这两行之间的所有代码（请将代码中及其后面的文字删掉）：

<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>

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 3]

[https_mp.weixin.qq.com]: https://mp.weixin.qq.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4dc36de9fae64b68b81e8308f620e30c.png
[https_www.jb51.net_softjc_514481.html]: https://www.jb51.net/softjc/514481.html
[Link 1]: https://cloud.tencent.com/?fromSource=gwzcw.2212127.2212127.2212127&utm_medium=cpd&utm_id=gwzcw.2212127.2212127.2212127
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/3860439ccde54f39a8186664aa2ecdbc.png
[Link 2]: https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fbeian
[Link 3]: https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fssl
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/ae5d5b1c49914027861be06561dd006e.png
[Link 4]: https://cloud.tencent.com/document/product/400/4143#IISCertificateOfDeployment
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzODk2OA_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/8d30c1dd241b44548cc4aa85d2432410.png