1.hbuilder appԴ??
2.网页应用打包安卓App (全网最详细教程)
3.（图文详解）小程序AppID申请以及在Hbuilderx中运行
4.uniapp和hbuilder的关系？
5.实现H5网页视频聊天和桌面分享（附源码，PC版+移动版）
6.php写代码软件(php编程app)

hbuilder appԴ??

       实现网页文字聊天相对简单，但要实现视频聊天则较为复杂。本文将介绍一个纯网页版的视频聊天和桌面分享的Demo，可直接在浏览器中运行，无需安装插件。彩虹喵源码

       一. 主要功能及支持平台

       1. 本Demo的主要功能包括：

       （1）一对一语音视频聊天。

       （2）远程桌面观看。

       （3）当客户端掉线时，会自动重连，网络恢复后重连成功。

       2. 支持的平台包括：

       （1）支持的操作系统有：Windows、信创国产Linux（银河麒麟、统信UOS）、Android、iOS、Mac、鸿蒙OS。

       （2）支持的CPU架构有：X/X、ARM、MIPS、Loongarch。

       （3）支持几乎所有主流浏览器：Chrome、Edge、Firefox、Safari、浏览器、QQ浏览器等。

       （4）此外，使用APP套壳，在WebView控件中加载Demo页面，上海宝宝吃溯源码燕窝也能正常进行视频聊天。这可以在C/S架构的客户端或手机APP中嵌入WebView控件来引入视频聊天或桌面分享功能。

       二. 开发环境

       1. 服务端：

       服务端开发环境是Visual Studio ，开发语言是C#。

       2. Web端：

       PC版Web开发环境是VS Code 1.，使用vue 3。

       手机版Web开发环境是HBuilder 3.8.，uni-app（导出H5）。

       三. 运行效果

       此Demo的源码分为三个部分：服务端、PC端Web（横版）和手机端Web（竖版）。首先来看移动端Web的运行效果。

       （1）登录界面有三个输入框：服务器IP、用户账号和用户密码，用户账号和用户密码均可随便填写。

       （2）首页界面有一个已连接的提示框，表示目前与服务端是连接状态，因网络或其他原因断开时，会提示已断开连接。

       （3）发起视频聊天：输入对方的账号，点击请求视频会话按钮即可向对方发起视频聊天请求，对方接受请求后即可聊天。

       （4）手机端不支持分享自己的桌面，但可以观看PC端桌面。

       （5）PC端运行效果：登录后主页界面，左上角是关于自己的一些信息，右边窗口显示连接对方的摄像头或桌面。

       （6）输入对方的账号，点击请求远程桌面，对方同意后即可观看别人的屏幕。

       四. 服务端源码说明

       注意，西安网络视频直播系统源码由于浏览器限制，将Web端部署到公网需要使用HTTPS协议，否则无法访问摄像头。

       服务端也需要使用WSS协议，因此需要准备SSL证书用于部署。若仅在本地运行，则无需准备。

       若不部署，则将服务端初始化代码中的第六行注释掉，并将第七行中的MultimediaServerFactory.CreateMultimediaServer方法中的wssOption用null替换掉。

       若部署在服务器上，则需要将第五行XCertificate2中的两个参数分别修改为证书路径和密码。

       五. Web端源码说明

       本Demo中的Web端包含两套代码，移动端Web采用uni-app开发，PC端Web采用Vue框架开发。关键点如下：

       1. 消息定义：定义了个消息类型，用于Web端之间进行通信，定义放在Vuex或src目录下的omcs目录下。

       2. 自定义消息处理器：在登录成功后，通过调用多媒体管理器上的SetCustomMessageReceivedCallback方法，向multimediaManager注册回调函数，接收消息类型和发起者用户名数据，根据消息类型完成业务操作。

       3. 一对一语音视频：实现逻辑为用户A向用户B发送VideoRequest消息，用户B收到消息后选择同意与否，并将携带用户B意愿数据的VideoResult消息发送给用户A。

       4. 桌面分享：实现逻辑与语音视频类似，请求消息类型为DesktopRequest，响应消息类型为DesktopResult。

       5. 断网重连：网络断开时，分布式敏捷系统源码每5秒进行与服务器的重新连接，注入ConnectionInterrupted和ConnectionRebuildSucceed回调，在断开和重新连接成功时进行操作。

       六. 如何在本地部署运行Web端

       Web端包含两套代码，移动端Web目录是H5MediaDemo_WebH5，PC端Web目录是H5MediaDemo_WebPC。

       1. 移动端web：通过HBuilder X运行，打开运行→运行到浏览器，选择浏览器即可运行。

       2. PC端web：需要NodeJS环境，安装成功后，在命令行窗口输入node -v和npm -v检查是否安装成功。

       在项目根目录下输入npm run dev运行项目。

       七. 源码下载

       （1）PC版源码

       （2）手机版源码

       此外，已部署测试服务器方便测试。

       （1）PC Web测试网址

       （2）手机 Web测试网址

       网页版视频聊天Demo实现介绍到此结束，感谢！

网页应用打包安卓App (全网最详细教程)

       为了将Web项目转换为安卓App，本教程将带你逐步完成从Web到安卓的转变。首先，需要参考相关文档并准备材料。

       接下来，将Web项目打包为App。如果使用Vue+Webpack，打包后生成的文件包括index.html和dist目录，确保项目能够在移动端正常显示。

       在完成页面打包后，使用HbuilderX创建5+App项目。将打包好的index.html和build文件放入项目目录。接着，bert源码输出特征向量配置manifest.json文件，包括Appid、应用全屏设置、沉浸式体验、图标配置、启动配置、模块配置、权限配置、以及App其他设置。

       体验在线云打包App，选择云打包并配置相应的选项。等待代码打包完成后，下载APK并安装至手机，以App方式运行Web界面。

       对于在线打包的限制，可以使用Android Studio离线打包，通过HbuilderX获取所需的源码资源。安装Android Studio并选择空项目进行创建。

       安装SDK，选择Android Studio自带的JDK进行安装，并创建AVD虚拟手机以模拟运行环境。

       初始化项目，将准备的SDK文件放入app/libs目录，并在app/build.gradle文件中添加必要的依赖和配置。同步后，创建assets/data和apps目录，复制相应资源文件。

       编译配置时，确保string.xml和dcloud_control.xml文件的名称一致，删除MainActivity代码片段并添加新代码。创建图标以优化App外观。

       模拟器运行App，检查是否可以正常显示Web项目。如遇到问题，参考问答或博主留言。完成编译生成apk，选择Build菜单下的Generate Signed Bundle /APK...进行打包。生成签名后，使用Android Studio完成APK编译并获取路径。

       在遇到特定问题时，本教程提供了相应解决方案，如CPU虚拟化技术未开启或AMD CPU推荐安装HAXM等。通过遵循解决方案步骤，可以解决模拟器运行和APK编译过程中可能遇到的常见问题。

（图文详解）小程序AppID申请以及在Hbuilderx中运行

       对于小程序开发者来说，AppID的申请是必不可少的步骤。以下是详细的申请流程和在Hbuilderx中运行小程序的步骤：

       首先，访问小程序注册页面，创建一个新的小程序账号。

       填写相关信息后，提交注册。紧接着，你会收到一封激活邮件，点击邮件中的链接进行实名认证，按照提示输入相应信息即可。

       完成注册后，登录小程序后台，使用注册时的邮箱地址登录。在后台的“开发”-“开发管理”选项中，你将看到你申请的小程序AppID。

       接下来，使用Hbuilderx运行小程序。导入项目后，打开manifest.json文件，并更新AppID。在运行时选择小程序模拟器，如果没有安装微信开发者工具，它会提示你下载。根据你的电脑系统，找到并下载安装路径。

       安装完成后，再次在Hbuilderx中选择对应的安装目录。如果你遇到如"[微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open 'C:\Users\PC6\AppData..."的错误，不要担心，只需手动打开微信开发者工具，确保服务端口已开启，然后在Hbuilderx中重新运行。此时，微信开发者工具会自动弹出运行界面。

       至此，你已经成功运行了小程序项目。感谢你阅读，我是分享好物、教程和源码的老罗，期待继续为你带来精彩的资源分享！

uniapp和hbuilder的关系？

       uniapp开发安卓app需要什么开发软件

       æŽ¨èæ‰€æœ‰uniapp的跨端开发都使用HBuilderX进行开发，这里推荐不是因为webstorm、vscode怎么样不好，而是因为HBuilderX对uniapp的语法及vue相关的提示更为的方便，且更轻量。知识准备：熟悉vue的相关语法。

       ç¬¬äºŒç§æ˜¯Uni-app框架基于Vue.js。俗称一套代码编到8个平台上。

       uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

       è¸©å‘è®°-uniapp+uView(HBuilder)

       1、Q：方案1：有双搜索图标的原因是，多余的那个灰色搜索图标是移动端解析inputtype=search时，自带的图标样式。故只需要将inputsearch类型改成常规text类型即可。

       2、最近要从零开发一个跟后台管理系统对接的小程序，因为功能比较复杂，时间短，选择了比较火的uni-app，因为小程序出现的时间较短，各方面并不完善，开发过程中就是不断踩坑的过程，特此记录一小下。

       3、两个普通页面之间的跳转用uni.navgateTo()，url可携带参数。普通页面跳tabbar配置过的页面需要uni.switchTab()，url不能传值。

       4、uniapp可以适应多个平台开发，你会发现在HBuilderX上的内置浏览器上调接口，没问题；在小程序中，也没问题；连接手机联调也没问题；当后台设置允许跨域之后，前端h5需要进行设置反向代理才能解决这个问题。

       5、hbuilder运行uniapp没反应：检查微信开发者工具中是否开启服务端口号。

uniapp之h5反向代理设置踩坑,解决跨域问题

       uniapp可以适应多个平台开发，你会发现在HBuilderX上的内置浏览器上调接口，没问题；在小程序中，也没问题；连接手机联调也没问题；当后台设置允许跨域之后，前端h5需要进行设置反向代理才能解决这个问题。

       è¿™ä¸ªåŽŸå› æš‚未找到在uniapp的H5版本，接入腾讯云滑动验证，示例的点击滑动验证元素是通过dom操作的，但是无效，可能跟uniAPP不支持dom操作有关系，采用定制接入方法一，手动调用。

       ç¬¬ä¸€ç§è§£å†³æ–¹æ³•ï¼šç›´æŽ¥åˆ›å»ºä¸€ä¸ªvue.config.js文件，并在里面配置devServer，直接上代码，重启跑项目。第二种解决方法：在src目录下找到mainfest.json文件，修改该文件，点击“源码视图”看到h5，接口调用。

webpack版本不兼容uniapp

       1、如果你使用其他ide开发uni-app，会经常因为拼错单词而运行失败，因为经过webpack编译一道，很多错误反应的不够直观，排错时间很长，不如从开始就依赖有良好提示的HBuilderX，避免敲错单词。

       2、步骤veu.config.js中推荐安装copy-webpack-plugin0.0版本。

       3、npminstall安装uniapp用不了那是因为不兼容，所以这个时候就需要使用Windows的系统，如果没有温度是的系统，它这个是无法兼容的，因为他们两个都是属于最新的一个文档和软件。

       4、因为uniapp开发ios不兼容，所以不可用。不得不说，任何一个开发者遇到苹果手机都会或多或少需要做适配。

       5、存储空间不足，请删除存储空间内不必要的文件，预留出更多的存储空间；系统中已存在该程序，请卸载后重新安装；软件版本与系统不兼容，详情请咨询第三方软件客服。

uniapp用什么软件开发合适?

       1、uni-app可以使用HBuilderX等开发工具进行开发，可以在安卓、IOS、H5等多端构建app应用，而AndroidStudio则主要用来构建安卓App的Native环境，以及对应的安装包等。

       2、uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H以及各种小程序：微信/支付宝/百度/头条/QQ/钉钉等多个平台。小结：第二类开发起来更显效率，节约很多时间成本。

       3、php。uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，uniapp配合php后端好，主要是php的开发周期要比java低很多，而且技术门槛也要低很多。

HBuilderX是什么?

       1、HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

       2、HBuilderX简称HX，HBuilder，H是HTML的缩写，Builder是建设者。是为前端开发者服务的通用IDE，或者称为编辑器。与vscode、sublime、webstorm类似。

       3、网络有问题。HBuilderX简称HX，HBuilder，H是HTML的缩写，Builder是建设者。

       4、HBuilder。HBuilderX编辑器是DCloud全新推出的一款HTML5的Web开发工具，软件体积小，启动快。

实现H5网页视频聊天和桌面分享（附源码，PC版+移动版）

       本文将展示如何在纯网页中实现视频聊天和桌面分享功能的Demo，无需额外插件即可在浏览器中运行。

       一. 功能及支持平台

       该Demo具备以下功能：

       一对一语音视频聊天

       远程桌面观看

       客户端掉线后自动重连，网络恢复时重连成功

       支持的操作系统包括：Windows、信创国产Linux（银河麒麟、统信UOS）、Android、iOS、Mac、鸿蒙OS。

       CPU架构：X/X、ARM、MIPS、Loongarch。

       主流浏览器：Chrome、Edge、Firefox、Safari、浏览器、QQ浏览器等。

       APP套壳内加载Demo页面，同样可正常视频聊天。

       二. 开发环境

       服务端使用Visual Sudio ，C#语言；

       PC端Web：VS Code 1.，Vue 3框架；

       手机端Web：HBuilder 3.8.，uni-app（导出H5）。

       三. 运行效果

       Demo源码分为三部分：服务端、PC端Web和手机端Web。

       移动端Web运行效果包括：登录界面、已连接提示框、发起视频聊天、手机端不支持桌面分享但可观看PC端桌面。

       PC端Web运行效果包括：登录界面、显示对方摄像头或桌面。

       四. 服务端源码说明

       部署需使用HTTPS协议，服务端需使用WSS协议。本地测试无需准备SSL证书。

       服务端初始化代码需根据部署环境调整配置。

       五. Web端源码说明

       Web端包含移动端和PC端代码，逻辑基本相同。

       消息定义：定义种消息类型用于通信。

       自定义消息处理器：在登录成功后注册回调函数。

       一对一语音视频：用户间发送请求，对方选择同意或拒绝。

       桌面分享：发起和回应过程与语音视频类似。

       断网重连：网络中断时每5秒重试连接。

       六. 本地部署Web端

       移动端：通过HBuilder X运行uniapp项目。

       PC端：安装NodeJS，使用npm命令启动Vue3项目。

       七. 源码与测试

       PC版源码与手机版源码可下载。

       提供测试服务器，方便验证。

       通过本Demo，网页中实现视频聊天和桌面分享功能变得简单可行，满足多种平台与浏览器需求。

php写代码软件(php编程app)

       åšPHP开发一般都用什么软件?

       è®¢é˜…

       ä½œä¸ºç¨‹åºå‘˜çš„你，常用的软件有哪些？现在的公司，在招聘程序员时，对程序员的要求特别高——恨不得这个程序员什么都会。为了能够应聘上一个好的职位，我们就要掌握非常多的编程技术。我就曾经学习了好多编程方面的东西，如：PHP、C++、CSS、HTML、JS、Vue、安卓开发、微信小程序等等，在开发的时候，我会使用到很多的软件。

       ä¸€ã€sublimetext。

       sublime是我开发PHP程序时，最喜欢用的编程软件。它非常的小巧，但功能却非常的强大。我们可以给sublime安装非常好用的插件，比如：emmet插件，安装好emmet插件后，我们的编写代码的速度可以大副提升，只需要输入html:5，就会显示html5网页的主要标签代码（如下图）。

       äºŒã€wampserver。

       å¼€å‘PHP程序时，我们一般都会在本地电脑上安装一个PHP的环境，然后，再在这个PHP环境下开发PHP程序，这样的好处，可以随时编写程序，随时做到很好的测试。在windows电脑上，PHP环境的软件还是很多的，我通常使用的是wampserver这个PHP集成环境软件。wampserver这个软件，集成了PHP、apache服务器、mysql数据库，这些都是我们开发PHP程序所必须。

       ä¸‰ã€flashfap。

       åœ¨æˆ‘们开发好PHP网站程序，在本地测试完成后，我们都是需要把这个PHP程序上传到真正的网站服务器上去的，这个时候，我们就需要一个上传工具。很多的网站，我们都是使用的虚拟主机，这个时候，我们就需要用到FTP上传工具，我使用最多的FTP上传工具就是flashfap，通过它，我们可以把PHP程序的文件全部传输到虚拟主机上。

       å››ã€xshell。

       æˆ‘的网站是存放在一个云服务器上，而且这个云服务器的系统是linux系统，要想管理这个云服务器，我们就要借助一个远程终端工具来进行连接。我最喜欢用的远程终端工具就是xshell，只需要简单的设置，就可以正常使用。我们在使用xshell工具时，可以直接使用windows的复制、粘贴等快捷键，非常方便。

       äº”、wordpress。

       wordpress是一个PHP网站程序，可以通过它，就可以快速搭建一个PHP网站。我的网站“码不停蹄”就是用这个wordpress程序搭建的。我们只需要在安装好wordpress后，再安装一个好用的主题模板，就可以轻松拥有我们自己的个人网站了。wordpress是全球使用最多的网站程序，尤其是个人网站，wordpress绝对是他们的首先。

       å…­ã€VMware虚拟机。

       ç½‘站服务器的选择上，绝大多数的站长会选择linux系统的服务器，因为linux系统占用资源少、速度快。这样一来，就需要我们熟悉linux系统，而我们电脑通常都是安装的windows系统，怎么学习linux呢？可以用虚拟机呀。我使用的虚拟机就是VMware，比windows系统自带的虚拟机好用多，可以在vmware虚拟机里安装windows、linux、mac、dos等多种系统，这样一来，我们就可以在windows系统上直接学习linux或mac系统了。

       ä¸ƒã€androidstudio。

       çŽ°åœ¨å®‰å“手机市场份额非常高，全球智能手机市场中占比达到%左右，所以，很多公司都在招聘安卓软件开发人员，而且工资都非常高。在学习安卓软件开发的过程中，我使用最多的是谷歌公司提供的androidstudio，这款开发工具非常强大，我们可以一边编写代码，一边查看虚拟手机上的适配情况。

       å…«ã€dreamweaver。

       åœ¨PHP网站程序开发过程中，一般情况下，我们要先开发网站的前端页面，也就是html静态代码。这个时候，dreamweaver最一个非常不错的选择。在编写html5代码的时候，我们可以通过dreamweaver轻松添加网页元素，如：音乐、视频、图片等，非常方便，可以大提升网页开发速度。

       ä»¥ä¸Šå°±æ˜¯æˆ‘常用到的软件，个个都是经典，相信很多的程序员跟我一样，也会用到其中的几个。当然，现在编程方面的软件太多了，各有各的优势，选择哪一个，还是要根据自己的使用习惯来定，在不断的磨合中，慢慢找到最适合自己的那几款。

写代码需要用什么软件？

       å¸¸ç”¨çš„写代码软件有以下几个：

       1、WebStorm。WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。

       2、SublimeText。SublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器。

       3、HBuilder。HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。

       å¸¸ç”¨çš„php开发工具有哪些？

       ä¸€ã€EditPlus

       EditPlus功能强大，可以代替记事本的文字编辑器，拥有无限的Undo/Redo、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。对于很多的PHP程序来说，EditPlus简单好用。同时EditPlus也是一款好用的HTML编辑器，除了颜色标记HTMLTag(同时支持C/C++、Perl、Java)外，还有建设完整的HTML和CSS1指令功能，对于习惯用记事本编辑网页的朋友，它可帮你节省一半以上的网页制作时间。

       äºŒã€PHPDesigner7

       PHPDesigner7不仅适用于php开发，也支持其他编程语言，例如：、x、xml、css和javascript、vbscript、java、c#、perl、python等!PHPDesigner7主要针对PHP网页的编写所设计的程序，它内建一系列的指令码、PHP4原始码数据库、语法高亮度显示功能、FTP客户端等，无论您是PHP网页设计高手，或者是刚入门的新手，您都可以使用PHPDesigner7来设计网页程序。

       ä¸‰ã€Norepad++

       Notepad++是一款台湾人开发的一款非常有特色的编辑器，属于开源软件，支持C、C++、Java、C#、XML、HTML、PHP、Javascript编程语言，而且可以免费使用。

       ä¸»è¦åŠŸèƒ½æœ‰ï¼š

       1、内置支持多达种语法高亮度显示(囊括各种常见的源代码、脚本，值得一提的是，完美支持.nfo文件查看)，也支持自定义语言;

       2、可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，代码显示得非常有层次感!这是此软件特色的体现之一;

       3、可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式(F)，支持鼠标滚轮改变文档显示比例等等。

       å››ã€PHPCoder

       PHPCoder用于快速开发和调试PHP应用程序，它很容易扩展和定制，完全能够符合PHP开发者的个性要求主要功能为：

       1.结合了PHP编译器和参考文档，可以对编辑中的PHP脚本进行即时预览;

       2.支持高亮显示HTML和PHP代码;

       3.自动完成功能，可以自动完成用户自定义代码片断。

       äº”、ZendStudio

       ZendStudio是专业开发人员在使用PHP整个开发周期中的集成开发环境(IDE)，它包括了PHP所有必须的开发部件。通过一整套编辑、调试、分析、优化和数据库工具，ZendStudio加速开发周期，并简化复杂的应用方案。

       ZendStudio主要组件：

       1、专业的集成开发环境内置编辑器,调试器,以及帮助文档

       2、Windows,Linux,Mac等多个操作系统版本

       3、多语言支持

       4、专业的编辑器

       5、关键字、语法加亮显示(PHP,HTML,XHTML,andJavaScript)

PHP开发通常使用什么工具？

       AdobeDreamweaver、EditPlus、ZendStudio都是很好的工具。轻量级用EditPlus，偏重前端设计用Dreamweaver，偏重程序开发用ZendStudio吧！

       é›†æˆå¼€å‘环境是一种集成了软件开发过程中所需主要工具的集成开发环境，其功能包括但不仅限于代码高亮、代码补全、调试、构建、版本控制等。一些常见的PHPIDEs如下：

       ZendStudio：商业版，Zend官方出品，基于eclipse

       EclipsewithPDT：免费

       Coda：商业版，针对Mac用户

       NetBeans：免费，功能强大

       PHPStorm：商业版

       AptanaStudio：免费

       PhpEd：商业版

       KomodoIDE/Edit：IDE为商业版，Edit可免费使用

       AdobeDreamweaver：商业版

       é™¤åŽ»é›†æˆå¼€å‘环境，具备代码高亮功能的常见文本编辑器因其轻巧灵活也常被选作开发工具，例如：Notepad++、Editplus、SublimeText、Everedit（国人开发）等等。(来自百度百科)

写代码的软件有哪些

       å¸¸ç”¨çš„写代码软件有以下几个：

       1、WebStorm。WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。

       2、SublimeText。SublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器。

       3、HBuilder。HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。

盲盒商城源码开源完整版附搭建教程UNIAPP·HashMart

       确保环境准备：推荐使用宝塔面板搭建，安装步骤为：访问 bt.cn/new/download.html 下载宝塔安装文件，按照提示完成安装。确保服务器环境为Linux CentOS，安装PHP扩展fileinfo和redis。域名解析应指向服务器IP。

       准备前端环境：安装HBuilder X 3.7.6和微信开发者工具。Node.js版本需更新至v..0以上。

       下载并安装源码：从码云下载源码至api目录，解压后上传至服务器。通过浏览器访问安装页面，按照提示填写协议、数据库信息，并检查安装。安装完成后，删除安装目录，使用管理员密码登录后台。

       配置定时任务：为自动处理超时订单，需在supervisor管理器中设置定时任务，以确保ThinkPHP的crontab定时运行。

       小程序编译：使用HBuilderX打开uniapp文件夹，配置微信小程序AppID和接口地址。确保uniCloud文件夹在运行时可用。

       App编译设置：为uni-app应用设置标识和图标。配置云函数、云空间关联，完成后可发行并发布到App Store或Google Play。

       基础配置检查：仔细设置存储引擎、支付参数、小程序和uniapp配置。确保所有配置正确无误，以保证盲盒商城系统正常运行。