Oct262024
Uni-app中的页面状态管理与Vuex实践
Uni-app是一个基于Vue.js的开发框架，可以用于快速开发多端应用程序，包括微信小程序、H5、安卓、iOS等平台。在Uni-app中，页面状态管理是一个重要的开发需求，对于复杂的应用程序或者需要共享状态的组件来说，使用Vuex进行状态管理是一个不错的选择。
什么是Vuex
Vuex是Vue.js官方推荐的状态管理库，它主要用于管理Vue.js应用程序中的共享状态。Vuex的核心概念是将应用程序的状态存储在...阅读全文
抢沙发
Oct062024
Uniapp Vite Vue3开发跨平台app，运行到安卓模拟器调试方法
引言
现如今，移动应用开发已经成为了一种非常重要的技术能力。而开发跨平台app是让应用能够同时运行在不同操作系统上的一种理想方式。本篇博客将介绍如何使用Uniapp+Vite+Vue3这一组合开发跨平台app，并演示如何将应用运行到安卓模拟器进行调试。
Uniapp+Vite+Vue3介绍
Uniapp是一个基于Vue.js开发跨平台应用的框架，它可以让你同时开发iOS、安卓、H5、以及各种小程序（如微信、支付宝...阅读全文
Aug202024
使用UniApp实现PDF在线预览和Vue中PDF.js的使用
在移动应用开发中，我们经常需要支持PDF文件的在线预览功能。本文将介绍如何使用UniApp实现H5和App中的PDF在线预览，并利用Vue中的PDF.js库来处理PDF文件。
H5中实现PDF在线预览
UniApp提供了Web组件，可以方便地在H5中实现PDF的在线预览功能。我们将使用PDF.js库来加载PDF文件，并通过UniApp的Web组件将PDF内容渲染在页面上。
安装PDF.js库
首先，我们需要安装PDF.js库。在项目的根目录...阅读全文
Apr192024
Uniapp的Vue2，Vue3配置跨域（Proxy代理）
在开发前端项目时，经常会遇到跨域的问题。Uniapp作为一款基于Vue框架的跨平台开发工具，也需要配置跨域来实现与后端服务的交互。本文将介绍如何在Uniapp的Vue2和Vue3项目中配置跨域（Proxy代理）。
什么是跨域？
简单来说，跨域是指在浏览器上运行的JavaScript程序，通过XMLHttpRequest或Fetch API等方式请求不同域名下的资源时，会被浏览器的同源策略（Same Origin Policy）所限制，导...阅读全文
Mar142024
Mar232023
UniApp打包的IPA上架到App Store的傻瓜式教程
简介
UniApp是一款基于Vue.js开发的跨平台开发框架，可以使用一套代码同时开发iOS、Android和Web应用。对于开发者来说，将UniApp打包并上架到App Store是一个常见的需求。本文将提供一个傻瓜式教程，帮助你快速实现这一目标。
准备工作
在开始之前，确保你已经完成以下准备工作：
安装最新版的Xcode
注册并开通Apple开发者账号
保证你的UniApp项目已经完成并且能够成功在模拟器或真机上...阅读全文
Jan132023
Uni-app中的Webview嵌入与原生页面交互
Uni-app是一款多端开发框架，开发人员可以使用Vue.js来开发一次代码，然后编译成多个平台的应用程序。Uni-app支持在应用程序中嵌入Webview，并且提供了与原生页面交互的能力。在本文中，我们将探讨如何在Uni-app中嵌入Webview，并实现与原生页面的交互。
什么是Webview
Webview是一个内嵌浏览器控件，可以在应用程序中展示网页内容。在Uni-app中，我们可以使用uni-webview组件来嵌入Webvi...阅读全文
Nov122022
uniapp增加百度评论组件/动态组件
1. manifest.json 全局开启动态组件
在manifest.json文件中，添加如下代码：
{
"name" : "xxxxxxxx",
"appid" : "",
// 添加如下代码：
"mp-baidu" : {
"usingComponents" : true,
"appid" : "xxxxxxxx",
"dynamicLib": {
"myDynamicLib": {
"provider": "swan-interaction"
}
}
}
}
复制代码
分析：uniapp中的manifest.json编译后，...阅读全文
Apr102022
Feb232022
Uniapp – Vue3 生成 Canvas 进行电子签名
简介
在移动应用开发中，电子签名功能被广泛应用于合同签署、订单确认等场景。Uniapp + Vue3 是一种跨平台的移动应用开发框架，本文将介绍如何利用Uniapp + Vue3生成Canvas进行电子签名。
准备工作
安装Node.js
安装Uniapp CLI
创建项目
打开终端，输入以下命令创建一个Uniapp项目：
uni init my-project
根据提示选择项目模板，推荐选择vue3模板。
页面布局
在项目的pages文件夹中创...阅读全文