1.【unibest】uniapp+vue3+ts超实用模板
2.unibest最好用的插件插件 uniapp 开发模板（一）
3.应用闪退分析与 uniapp 安卓原生插件开发
4.uniapp项目实践总结(四)安装和使用一个插件市场的插件
5.iOS 端 uniAPP 原生插件打包流程
6.uniapp原生sdk插件-极光分享·极光分享原生sdk插件·极光官方伙伴优雅草发布

【unibest】uniapp+vue3+ts超实用模板

       构建今年(年）最好用的 unpapp 开发模板——unibest，提供超实用的源码源码开发体验。基于vite + cli 生成，多少全程使用 VSCode 编辑器，插件插件与HBuilderX相比，源码源码VSCode增加类型提示与快捷代码块，多少2018诱导赚钱源码提升开发效率。插件插件

       生成项目：使用命令`npx degit dcloudio/uni-preset-vue#vite-ts unibest`。源码源码

       引入工具与配置

       安装与配置编辑器辅助工具，多少包括 prettier、插件插件eslint、源码源码stylelint等，多少配置相应的插件插件 .editorconfig、.prettierrc.cjs、源码源码.eslintrc.cjs、多少.stylelintrc.cjs文件。

       引入 Husky、lint-staged、commitlint，配置 Husky 和 commitlint，执行命令`npx husky install`，实现自动代码格式化与提交规范限制。

       Vite 配置优化

       在index.html增加`build-date="%BUILD_DATE%"`，便于查看构建时间。在vite.config.ts文件中，根据需求调整配置。

       引入uno.config.ts，自学javapython源码调整main.ts文件，以适应项目需求。

       VSCode插件与类型提示

       推荐使用几个VSCode插件，优化代码编写体验。引入uniapp类型提示依赖包，通过修改tsconfig.json文件，实现uni.xxx自动提示，同时配置.eslintrc.cjs避免报错。

       持久化状态管理

       引入pinia与pinia-plugin-persistedstate插件，安装依赖并配置相关文件，实现状态的持久化管理。对于非h5环境，特别注意正确处理持久化逻辑。

       以示例代码展示如何在页面中使用pinia进行状态管理，确保小程序环境下数据的正确存储与访问。

       当前内容概览已完成，后续章节将涵盖更多细节与进阶功能，敬请期待。

unibest最好用的 uniapp 开发模板（一）

       unibest年度uniapp高效开发模板详解

       欢迎来到菲鸽的分享，今天我们将构建一款极具效率的uniapp开发模板——unibest，让uniapp开发体验如飞翔般顺畅。

       1. 基础配置

       模板基于vite和cli，推荐使用VSCode编辑器，它提供了类型提示和快捷代码块，超越HBuilderX的开发体验。

       生成项目步骤：运行命令uni-preset-vue#vite-ts unibest>

       2. 代码质量工具

       引入prettier、遡源码查询eslint和stylelint，保证代码格式统一

       配置.editorconfig、.prettierrc和.eslintrc

       安装stylelint相关依赖

       3. 自动化工具集成

       husky与lint-staged增强代码提交管理

       commitlint规范提交行为

       4. vite配置优化

       在index.html中添加构建时间，vite.config.ts进行定制，确保构建可见性。

       相关依赖安装和配置文件修改

       5. VSCode插件与类型提示

       推荐VSCode插件，为uniapp提供类型支持，tsconfig.json进行相应调整

       解决uni的eslint提示(no-undef)问题

       6. pinia和持久化存储

       安装pinia和pinia-plugin-persistedstate，处理持久化存储，确保跨平台兼容

       在index.vue中实现数据持久化，显示成功信息

       以上是unibest模板的基础构建，后续内容我们下周继续分享。

应用闪退分析与 uniapp 安卓原生插件开发

       公司开发的uniapp应用在红米NoteT Pro上遇到拍照后闪退的问题。经过分析，首先确认前端代码无误，且问题仅在部分机型上出现。通过网络查找，排除了代码和部分常见原因。

       接着，使用离线打包配置在Android Studio中运行项目到真机，并开启logcat。通过过滤特定日志包和等级，获取有用信息，发现按下拍摄键后应用进程被结束，但未找到相关crash日志。搜索机型关键词，html边框源码发现与问题相似的情况，提示可能是应用进入后台后被系统回收资源。

       了解到应用后台优先级（oom_adj值）对系统内存管理有影响，值越低表示优先级越高，越不容易被回收资源。常见值有前台、后台等。通过命令查看应用优先级，发现进入后台时优先级较低，与消耗大量内存的拍摄行为结合，导致应用被系统回收资源。因此，需要提升应用的后台优先级以保活。

       针对问题，采用Android实现进程保活方案，开发一个Android原生插件，尝试提升应用的后台优先级。遵循uniapp文档，配置环境、创建module、实现插件功能。通过启动前台服务方案，修改AndroidManifest.json注册服务并添加权限，实现后台保活效果。查看应用后台时的oom_adj值变小，解决了拍照闪退问题。php编写源码

       应用后台保活功能实现后，查看应用在后台限制下的表现，证实了应用一直存活。虽然尝试了其他保活实现方式，但由于国内对后台运行、自启动、关联启动的严格限制，实现保活较为困难。考虑到轻量级保活功能的审核可能性，同事提出可以自定义拍照页面来完成拍照功能，从而避免应用被系统杀死。

       总结过程中，发现与保活相关的讨论和经验分享。在面对应用商店对后台运行的严格要求时，寻找合规且有效的方式实现应用的保活功能，成为了一个挑战。对于轻量级保活功能的审核，还需进一步观察。

uniapp项目实践总结(四)安装和使用一个插件市场的插件

       本文将详述如何安装与运用插件市场的插件。

       首先，访问插件市场：ext.dcloud.net.cn/。

       以富文本渲染为例，进行搜索查找相应的插件；

       在搜索结果中挑选合适的插件，例如mp-html插件，该插件表现良好；

       mp-html 插件地址

       接下来，点击右侧的安装按钮，下载插件，并将其导入HBuilderX；

       下载完成后，您会发现在项目根目录下多出一个名为uni_modules的文件夹，该文件夹专门用于存放插件。

       该文件夹中的插件可直接使用，无需引入全局或局部组件。

       安装插件后，便可开始使用它。

       以下是插件预览图：

       总结以上内容，即为如何安装和使用插件市场的插件的方法，如有不足之处，欢迎批评指正。

iOS 端 uniAPP 原生插件打包流程

       静态库的设置

       在进行uni原生插件开发时，首先需要熟悉项目结构，并参考官网提供的Demo。主要工程中的HBuilder-uniPlugin，实际上是云端编译环境的集合，包含大量的依赖项，以减少本地开发者上传库的负担。在进行开发时，应先检查云端是否已有支持的第三方库，避免重复导入导致的编译符号冲突。例如，若插件需要B站的IJKMediaFramework库，先查看云端是否已存在此库，若存在，则无需本地提交。相关学习资料及免费资源可点击链接获取。

       在制作静态库时，需要在Build Settings中设置静态库架构支持。在Architectures下进行设置，并确保在编译时选择Any iOS Device。在开发过程中，可能会遇到需要第三方库的情况，如AFNetworking。如uni远程未提供相应的静态库，需将其本地上传。自制静态库依赖第三方库时，需将第三方库的.a文件添加至HBuilder-uniPlugin主工程，并在DCTestUniPlugin静态库工程下的Heard Search Paths中加入头文件引入。

       配置iOS原生插件package.json

       在完成功能开发后，下一步是本地插件包配置。具体打包步骤参考链接。最终的文件目录结构如下：1、WSLUniPlugin为整体文件，包含android和ios部分（官网上未明确标注iOS）。2、ios文件包含所有需要的第三方库及自制静态库。3、package.json包含相关配置，指示远程编译加载哪些库及库的位置，包括动态库的签名配置（虽然可以自制动态库，但需进行签名）。

       package.json目录

       更多详情请参阅原文链接。

uniapp原生sdk插件-极光分享·极光分享原生sdk插件·极光官方伙伴优雅草发布

       极光 Share 插件旨在为应用提供快捷的社交平台分享与第三方登录功能，涵盖国内外主流平台如新浪微博、QQ、微信、Facebook、twitter 等。通过轻量级的 SDK，开发者能以低集成成本快速实现 iOS 和 Android 平台的分享与登录功能。此外，插件提供统计功能，帮助开发者洞察分享效果，优化推广策略，吸引更多用户。

       不同于依赖原生 SDK 的传统方式，极光 Share 采用 APP 间相互跳转和通信的原理实现分享功能。在特定情况下，如新浪微博，若目标 APP 不存在，则会直接进行网页分享。极光 Share 的分享流程包括但不限于以下几个步骤：...

       欲深入了解功能与特性，请访问极光官方网站，获取详细文档信息。

       注：使用此插件时，需先下载并集成极光基础包插件，下载地址如下：

       ext.dcloud.net.cn/plugi...

uniapp快速开发模板(封装request、集成uview、图鸟、在线更新)

       快速搭建uni-app项目，包含封装request、集成uview、图鸟、在线更新，详情如下：

       下载链接：uniapp快速开发模板(封装request、集成uview、图鸟、在线更新) - DCloud 插件市场

       接口开发：

       地址配置：api/env.js，修改服务器地址。

       接口文件：api/api.js，定义接口。

       请求方法：export const baseInfo，定义请求名称；request.get，选择请求类型；第三个参数（false，true）控制loading显示。

       页面中调用：GET或POST，无需导入接口方法，已全局引入。

       页面拦截器：集成页面拦截器，白名单页面不拦截，其他页面拦截。与token结合使用，自动跳转或提示登陆。

       文件位置：utlis/interceptor.js，配置文件config/interceptor_config.js。

       示例：OA办公APP，/pages/pubilc/login为登陆页。

       在线升级：集成在线升级组件，判断服务器返回的JSON信息决定是否提示更新。

       集成UI：含uview、图鸟、z-paging，使用方法见官方文档。

       下载说明：建议单独下载并解压，打开目录演示，不要覆盖现有项目。

       接口数据：为mock数据，运行可见。

       登陆：随机用户名密码可成功登陆。

       使用问题：反馈至评论区或联系微信liuyan。