草庐IT

用 Android Studio 打包 uni-app 的安卓apk;手把手教程、巨详细避坑

Uni-app离线打包apk1.AndroidStudio下载AndroidStudio官网2.HBuilderX下载HBuilderX下载3.App离线SDK下载Android离线SDK-正式版下载后解压文件,将HBuilder-Integrate-AS重命名build-template并拷贝到一个专门打包用的文件夹下作为打包模板该文件夹中有一个simpleDemo文件夹即build-template\simpleDemo\src\main\assets\apps将apps文件夹下的内容删除运行HbuilderX选择生成本地打包APP资源打包完成控制台会提示下面内容找到打包后的资源目录,将下

uni-app 新增 微信小程序之新版隐私协议

一、manifest.json中配置"__usePrivacyCheck__":true二、编写封装后的组件 隐私保护指引 在使用当前小程序服务之前,请仔细阅读 {{privacyContractName}} 。如果你同意{{privacyContractName}},请点击“同意”开始使用。 拒绝 同意 exportdefault{ data(){ return{ privacyContractName:'',//需要弹窗展示的隐私协议名称 showPrivacy:false,//全局控制弹窗显隐 }; }, c

uni-app微信小程序-利用canvas给图片添加水印

实现思路一、选择图片二、将图片绘制到canvas中并绘制水印三、将canvas画布转换为图片地址四、最终效果五、完整代码实现思路选择图片→将图片绘制到canvas中并绘制水印→将添加水印的图片绘制到canvas中→将canvas画布转换为图片地址→上传/展示操作一、选择图片注意:微信小程序在选择照片或者唤起相机之前需要获取相应的权限利用uni.getSetting查看用户是否调用相机的权限(有就选择图片,没有就获取授权后再选择图片)uni.getSetting({ success:async(res)=>{ //是否有相机权限 if(!res.authSetting['scope.came

uni-app微信小程序,APP都适用自定义顶部导航

1.需要注意以下三点*使用自定义的导航样式,首先需要把原生的顶部的导航方式给隐藏掉("navigationStyle":"custom")*手机顶部手机状态栏的高度*微信小程序中胶囊的位置信息存储(使用store存储)2.导航布局*由于微信小程序中带有导航胶囊,所以需要根据胶囊去获取一定的参数信息在微信小程序中,我们只需要获取胶囊的位置参数即可,详细如下(App和小程序自定义顶部):注:微信小程序围绕胶囊布局即可须知:获取胶囊信息的Apiuni.getSystemInfo()----->使用这个是为了算rpx--->px的换算系数(返回值可去uniapp官方文档里查看) 小程序默认把可使用窗口

uni-app微信小程序uni.startLocationUpdateBackground和uni.startLocationUpdate踩坑

//开启后台定位uni.startLocationUpdateBackground({success:(res)=>{uni.onLocationChange((res)=>{console.log("纬度:"+res.latitude);console.log("经度:"+res.longitude);});},fail:(err)=>console.error("后台运行定位消息失败:",err),complete:(msg)=>console.log("后台运行定位消息API完成"),});如此即可开启微信小程序后台定位,包括切屏息屏也能输出坐标。如果使用uni.startLocatio

uniapp:uni_modules组件开发与发布

文章目录一、前言二、开发准备三、uni_modules插件开发1、创建uni_modules目录2、新建uni_modules插件2.1、新建2.2、目录结构说明2.3、package.json配置3、发布到插件市场4、修改插件基本信息5、发布新版本6、查看发布的插件7、示例一、前言1、uni_modules定位:是uni-app插件的模块化规范(HBuilderX3.1.0+支持),是对一组jssdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。2、开发便捷性:开发者可以像开发uni-app项目一样编写一个uni_mod

微信小程序修改原生组件样式(uni-app)

微信小程序修改原生组件样式全局修改,直接将修改的样式写在全局的样式文件中;特殊情况:修改swiper指示点样式时,需要包裹在swiper的样式选择器下才生效。直接将下列代码放在全局样式中是不会生效的,需要加上swiper组件的元素选择器或swiper组件的其他样式名也可。.wx-swiper-dot{ width:12rpx; height:8rpx; border-radius:4rpx;}.wx-swiper-dot-active{ width:30rpx; background-color:#01c75a;}需修改为如下代码//这里的swiper是元素选择器,可以替换为swiper的类选

uniapp的uni_modules目录需要提交到Git吗?为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules和uni_modules的区别

需要提交。官网:uni_modules|uni-app官网https://uniapp.dcloud.net.cn/plugin/uni_modules.html什么是uni_modulesuni_modules是uni-app的插件模块化规范(HBuilderX3.1.0+支持),通常是对一组jssdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules 不满足云端一体的需求。uniCloud的云函数、公共模块、schem

uniapp使用uni自带websocket进行即时通讯

最近再办一个uniapp做的即时通讯,把其中思路记载一下。技术栈采用uniapp+uview+vue2进行开发。一、使用uni封装好的websocket。下面的从uniapp官网截图的Api uni.connectSocket():这个方法可以让我们创建一个webSocket的连接,里面包含几个参数,url是写ws的连接地址,没有的话肯定是连接不上服务器,其他的没用过。用的时候再看。//创建webSocketthis.webSocketTask=uni.connectSocket({ url:'这里面写的是连接地址', header:{ 'content-type':'application/

uni-app中监听网络状态,并在嵌入webView页面的组件中添加网络监测

uni-app中监听网络状态,并在嵌入webView页面的组件中添加网络监测uni-app中监听网络状态下载插件打开网络异常组件页面,点击"下载插件并导入HBuilderX"按钮,打开HBuilderX软件后,选择需要导入插件的项目,点击“确定即可”。使用插件template>viewclass="content">mz-network-error@clickFn="hancleClick"message="当前无法连接网络,可检查网络设置是否正常.">/mz-network-error>/view>/template>importmzNetworkErrorfrom'@/components