盲盒抽奖商城系统使用 thinkphp6.0 + uniapp 开发,做到了全移动端兼容。一个系统不仅可以打包 小程序 还可以 打包 APP,H5

 

华为云 Flexus 云服务器 X 实例在安装搭建盲盒商城小程序方面具有显著优势,这些优势主要体现在以下几个方面:

 

灵活配置与高性能:

Flexus X 实例提供了高度灵活的配置选项,打破了传统云服务器固定的 CPU 与内存配比限制。用户可以根据盲盒商城小程序的实际需求,灵活选择 CPU 与内存的配比,如 1:3、2:5 甚至最高可达 3:1 的 CPU/内存比。这种灵活性确保了小程序在不同发展阶段都能获得与业务匹配的高性能云资源,从而满足高并发、大数据处理等复杂业务场景的需求。

Flexus X 实例引入了智能调度和加速技术,特别是 X-Turbo 加速技术,能够智能识别数据库、中间件、图形图像等应用场景,并针对这些场景进行优化。这显著提升了系统响应速度和稳定性,为盲盒商城小程序提供了卓越的性能表现。

 

1、登录 Flexus 云服务器 X 实例控制台


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php

 


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_02

 

3、配置实例规格:

根据业务需求选择预置的实例规格,或者自定义实例 vCPU/内存规格。

可选择开启性能模式(付费功能),以获得极致稳定的性能保障。


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_03

 

4、选择镜像:

公共镜像:选择常见的标准操作系统镜像,包括操作系统及预装的公共应用。

私有镜像:如已有华为云或其他云平台的云服务器,可创建私有镜像或从第三方下载获取。

共享镜像:接受其他用户共享的私有镜像,作为自己的镜像使用。


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_04

 

5、配置弹性公网 IP:

 

7、SSH 远程登录与管理:

连接成功后,可在云服务器上执行所需操作。


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_05

 

8、软件需要环境

服务器环境推荐使用 linux centos,版本任意。软件环境


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_06

 

PHP 扩展需要安装的有:fileinfo、redis


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_07

 

9、前端环境准备

开发工具 HBuilder X 3.7.6 -alpha 微信开发者工具


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_08

 

前端 node 版本 v14.17.0


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_09

 

10、安装 swoole_loader_74_nts.so

10.1、以 PHP7.4 为例,php 扩展的目录一般在/www/server/php/74/lib/php/extensions/no-debug-non-zts-20190902


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_10

 

10.2、然后在 php.ini 中加入扩展的配置


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_11

 

extension = swoole_loader_74_nts.so

 

11、安装 swoole-compiler.license

 

我们可以将 swoole-compiler.license 放到任意位置,比如我们将该文件放到项目目录中


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_12

 

复制这个路径/www/wwwroot/jiami.mstshop.cn/api/swoole-compiler.license

 

打开 php 配置 写入配置 swoole_loader.license_files=/www/wwwroot/jiami.mstshop.cn/api/swoole-compiler.license


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_13

 

华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_14

 

上传源码包中的 api 目录中的内容到 您的网站更目录下


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_15

 

12、配置网站的运行目录为 public,并且设置网站的伪静态

 

location ~* (runtime|application)/{

return 403;

}

location / {

if (!-e $request_filename){

rewrite  ^(.*)$  /index.php?s=$1  last;   break;

}

}

 

由于系统采用了三方字体,因此要配置这些字体可跨域,网站-->设置中


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_16

 

location ~* \.(eot|ttf|woff|woff2|svg)$ {

    add_header Access-Control-Allow-Origin *;

}

 

13、安装好的后台 web 界面

采用 vue + element-plus 编写的后台美观强大


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_17

 

14、uniapp 参数配置


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_18

 

15、小程序 APPID 信息配置


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_19

 

16、编译小程序

16.1、更换自己的 api 地址 web\uniapp\utils\siteInfo.js

 

module.exports = {

    // pro

    'apiroot': 'https://pro.aaa.com.cn/api',

    'imgroot': 'https://pro.aaa.com.cn',

    // dev

    // 'apiroot': 'https://dev-aaa.aaa.cn/api',

    // 'imgroot': 'https://dev-aaa.aaa.cn',

};

 

16.2、apiroot 和 imgroot 换成自己的授权域名

 

16.3、使用 hbuilderx 打开刚才下载的源码目录下的 uniapp 文件夹,或者进入文件夹直接拖动文件夹到 hbuilderx

目录地址源码>web>uniapp


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_20

 

16.4、 打开编辑器终端,输入命令行代码 npm i,输入后按回车键,终端开始下载项目所需依赖包


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_微信小程序_21

 

16.5、进行相应的配置, 打开目录下的 manifest.json 文件,找到微信小程序配置,在微信小程序 AppID 内输入自己真实的微信小程序 AppID


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_22

 

华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_云服务_23

 

16.6 使用微信开发者工具调试盲盒商城小程序


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_24

 

16.7、登录微信公众平台,提交审核、发布即可


华为云 Flexus 云服务器 X 实例部署——盲盒抽奖商城系统以及编译发布小程序_php_25

 

17、至此盲盒抽奖商城系统,编译发布小程序已经完成了!!!!

Flexus X 实例将原本复杂的云端操作简化为一键式服务,大大降低了技术门槛。从资源配置到运维管理,用户都能轻松掌握,从而缩短盲盒商城小程序数字化转型的路径,并专注核心业务的创新与发展。

在安全性方面,华为云提供了全面的安全保障措施,确保盲盒商城小程序的数据安全和稳定运行。Flexus X 实例还支持多种安全认证和加密技术,有效防止数据泄露和非法访问。