最近在给f做一些工具app，学习了不少关于uniapp编写android应用的知识。
首先，App应用的创建的时候要选择项目类型为uniapp类型。最开始我选择的是h5+项目，这种项目就比较容易写成纯js的项目，利用一些html5plus能力，或者使用mui来编写手机app。
我调研了一下，uniapp和h5+（mui为代表）的差异和优缺点如下所示。技术类型优点缺点uniapp可以使用unipp封
概述前段时间评估开发新版APP使用原生+H5混合的方式开发，进行了多项评估后，发现Dcloud的uni-app比较符合我们的需求，于是开始了uni-app的爬坑之路。有熟悉uni-app的一定知道，uni-app本来就可以编译打包成为app,为什么还要用原生app套壳，不是增加负担么，其实，这是由于项目中也属需求，暂时uni-app没有办法达到目标，于是使用uni-app开发H5端，再使用原生AP
转载
2023-11-06 23:32:55
203阅读
一、描述要实现自定义微信分享功能，需要使用到微信官方提供的 js-sdk，微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包，通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。二、准备工作下载 HBuilderX 并安装 js-sd
# UniApp H5 Android 混合开发简介
在移动互联网快速发展的今天，混合开发技术受到了越来越多开发者的关注。UniApp 是一个基于 Vue.js 的应用框架，能够支持多平台（包括 H5、iOS、Android）的开发，使得开发者可以一次性编写代码，快速构建多端应用。
## UniApp 简介
UniApp 是 DCloud 开发的一款框架，可以让开发者使用 Vue.js 编写
uniapp多格式文件选择（APP，H5）【补充】背景实现思路代码实现运行结果注意事项尾巴 背景之前写过一篇【uniapp多格式文件选择（APP，H5）】文章使用renderjs来实现H5端和APP端选择文件，当时文章中只涉及了如何选择文件，今天的文章作为补充来实现怎么将选择好的文件进行上传。实现思路上次我们能获取到blob格式的文件流，在H5端这个blob流可以直接通过uni.uploadFi
1、使用 HBuilderX 新建 uni-app 项目，使用默认模板2、打开 开发者中心，找到应用列表中刚生成的应用3、生成应用证书4、申请使用地图的key值（高德控制台）5、manifest.json 配置模块配置权限配置6、如需在H5端运行调试，需要在依赖的入口文件 index.html中的head标签内加载地图api<script src="https://webapi.amap.c
H5端使用 uni.getLocation() 获取位置时，会根据手机浏览器不同有差异
原创
2022-11-01 15:25:47
806阅读
哈喽大家好~我是马小跳。一名进阶中的程序媛。在这里记录下自己成长的每一次进步，希望遇到志同道合的猿友一起努力，一起把技术up up up！！！前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。打包全步骤如下： 一、点击菜单栏“发行”，点击选择“网站-PC Web或手机H5”，二、填写网站标题和网站域名/服务
转载
2023-08-16 11:05:16
265阅读
开发前准备环境:Node.js LTS版本git 最新版文档:本项目技术栈基于快速开始1.克隆项目 git clone https://gitee.com/Fntys/met_h5.git2.进入项目 cd met_h53.安装依赖 npm install4.启动构建 npm run dev5.访问 localhost:9999
转载
2020-04-24 18:53:00
461阅读
2评论
一、今日的进展PS：以下内容说的是H5端的真机调试环境，app端的会在文末给出1.知道了uni-app应该如何调试手机端的应用，但仍有一些问题 还是要依赖浏览器，不过是Chrome浏览器，需要在手机端和电脑端配置一个版本相同的Chrome浏览器，通过USB数据线将两台设备相连，再在Chrome地址栏输入chrome://inspect/#devices
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。 官网官网：https://www.dcloud.io/文档：https://uniapp.dcloud.io/README为什么选择uni-app?跨终端数量多1、一套代
# H5唤起iOS UniApp版的App端指南
在现代的移动应用开发中，H5（即HTML5）与本地App之间的互动越来越受到重视。作为一位新手开发者，如果你想要实现H5页面唤起iOS UniApp版的App，本文将为你详细讲解整个过程和代码实现。
## 流程概述
我们将整个流程分为几个步骤，如下表所示：
| 步骤 | 描述 |
|------|-
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
946阅读
一、项目背景：原项目：Cordova + vue（H5）现项目：Uniapp + vue（H5）二、问题：Uniapp作为Cordova的替代，则以前Cordova的插件，例如调用摄像头扫码，这种接口需要重写。由于H5的环境和APP的环境是两个天然隔离的运行环境，所以通过常规的手段是不能互相通信的。三、解决方法： 1、App前提条件，在app写绑定事件。 在app
转载
2023-10-11 10:39:34
835阅读
1 、manifest.json配置：2、发行3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
原创
2022-11-18 00:08:41
359阅读
由于工作需要,需要对接国外的PayPal支付，前端框架用的又是UNIAPP,众所周知UNIAPP国内的生态环境还可以，但是到了国外嘛 嘿嘿 懂得都懂。uniapp app对接Paypal支付作者先去uniapp的插件市场搜索了一下有没有Paypal原生插件,结果如下图还是有对应的插件,这里就不全部截出来了感兴趣的可以自己去看看插件市场支持度不是很友好,而且还存在缺陷。但是uniapp也支持自己
转载
2021-02-01 10:20:34
7768阅读
2评论
# 在 UniApp H5 中实现 iOS 端侧滑功能
## 引言
在开发移动端应用时，用户体验是非常重要的。iOS 端的侧滑手势在很多应用中被广泛使用，比如从左边滑出返回上一页的功能。UniApp 是一个非常强大的跨平台框架，但在某些情况下，可能需要对 iOS 端的侧滑手势进行自定义处理。本文将为你提供一个完整的实现流程，带你一步步揭开如何在 UniApp H5 中实现 iOS 端的侧滑功能。
前端生成海报兼容H5和小程序最近做项目需求是生成商品分享海报，并且保存到手机中要兼容H5和小程序<br>与后端同学沟通后，海报在前端生成最省性能和有较好的交互体验，先看做好的效果源码地址 前端框架使用的是uni-app方便打包成H5和小程序实现方案是拿到后端返回的数据后，利用canvas画布把各个数据拼在一起
这些知识点都是经典！经典！经典！
转载
2021-12-09 16:56:26
175阅读
uniApp 打包H5工程 超详细（打包-实现跨域-nignx配置） 参考文献： https://zhuanlan.zhihu.com/p/158100556 https://www.jb51.net/article/180961.htm打包步骤当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访
转载
2023-06-07 19:19:45
523阅读
