免备案域名使用-TinyTale Halo微信小程序

总所周知,微信小程序中的后端服务器域名是需要备案的,如果没有备案域名,就无法部署小程序。但是办法总比困难多,下面教大家在没有备案域名的情况下部署TinyTale Halo微信小程序。

tips:warn 看这篇文章前,你应该知道,你已经有一个基于Halo建站程序的博客了,否则你将无法使用TinyTale Halo微信小程序。 并且你应该知道TinyTale Halo微信小程序是需要您购买后才能使用的。并且你应该了解小程序如何部署上线。

准备:

  1. 一个可以正常访问的halo博客。
  2. 已经购买好TinyTale Halo微信小程序。
  3. 有一个阿里云账号。
tips:warn 本次教程使用到了阿里云的 函数计算FC 服务,请注意费用

阿里云 函数计算FC 服务 提供免费试用 额度如下:

Clip_2024-05-17_18-42-16.png

阿里云 函数计算FC 服务 计费说明:计费概述

教程

云函数配置

  1. 开通函数计算服务
  2. 进入函数计算控制台,选择函数,然后选择区域为国内区域。

Clip_2024-05-17_18-46-36.png

  1. 点击创建函数,选择 Web 函数 ,填写函数名称

Clip_2024-05-17_18-50-26.png

  1. 展开函数代码,运行环境选择 Nginx 自定义运行时Debian 9 其他不动。

Clip_2024-05-17_18-53-19.png

  1. 展开高级设置,和我下图设置成一样的就可以。

Clip_2024-05-17_18-55-49.png

  1. 点击创建函数。创建成功后会进入函数详情页面。

Clip_2024-05-17_18-57-46.png

  1. 修改配置文件。复制下面的配置文件修改一下即可。

Clip_2024-05-17_19-00-40.png

# nginx -c /code/nginx.conf -g 'daemon off;'

events { worker_connections 1024; }
http {
    server {
        error_log  /dev/stderr;
        access_log /dev/stdout;

        gzip on;
        gzip_min_length 1k;
        gzip_comp_level 2;
        gzip_types text/html text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png image/svg+xml;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";
        include /etc/nginx/mime.types;
        add_header Access-Control-Allow-Origin *;

        listen 9000;

        location / {
            proxy_pass https://修改成你的博客地址/;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_set_header Host 修改成你的博客地址;
        }

    }
}
  1. 点击部署代码。

Clip_2024-05-17_19-04-08.png

小程序配置

  1. 在函数详情页面,拉到顶部。点击触发器,复制https公网访问地址。

Clip_2024-05-17_19-17-03.png

  1. 打开小程序前端代码文件,在 base.ts 文件中 修改 BASE_URL 为 刚刚复制的触发器地址。然后保存重新编译打包。

Clip_2024-05-17_19-19-42.png

  1. 进入小程后台 开发管理 配置服务器域名,设置为刚刚复制的触发器地址。

Clip_2024-05-17_19-21-15.png

教程结束

原理: 阿里云函数计算的国内区域分配的域名都是已备案域名。符合小程序服务器域名的要求。我们利用函数计算反向代理了博客的地址。以此到达目的。

关于小程序的其他教程应查看开发者文档

TinyTale Halo微信小程序部署教程

关于halo博客部署教程应查看halo官方文档

Halo文档-安装指南