uniapp的坑也是不少，个人也是第一次开发安卓端的app，因此遇到的问题也是不少，特此记录一下。

此文章要记录的是关于应用宝上架遇到的问题（包括vivo平台），要求是权限请求必须在用户同意用户协议和隐私权限后才行。我当时是在首页里加入了一个弹窗，在第一次进入app时调用打开弹窗，就这样打包提交平台审核，然后回了一整页的隐私权限问题。

看到这个我人都要看傻了，这都啥啊？在百度了无数东西之后，终于发现了一个最重要的问题，权限请求必须在用户同意用户协议和隐私权限后！
可是我已点开app权限就开始请求啊，比如请求手机的通话状态、请求写入手机内部文件存储，然后才到我的首页去打开隐私协议弹窗，这压根没法子啊？于是去QQ官群问，技术群问，奈何没人回我（可能是我菜？）
就这个时候我点开了人家的app，清空数据后重新进入，诶？人家的都是弹窗先出来，然后再请求权限。
难道是我菜？于是怀着不平的心情，继续挖百度，终于是让我挖到了：

Android平台隐私与政策提示框配置方法
配置方式
打开项目的manifest.json文件，切换到“源码视图”项

uni-app项目
在 "app-plus" -> "privacy" 节点下添加 prompt节点

"privacy": {    
      "prompt": "template",    
      "template": {    
        "title": "服务协议和隐私政策",    
        "message": "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"https:\//www.xxx.com\">《用户协议》</a>和<a href=\"https:\//www.xxx.com\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",    
        "buttonAccept": "同意",    
        "buttonRefuse": "暂不同意",    
        "second": {    
          "title": "温馨提示",    
          "message": "　　进入应用前，你需先同意<a href=\"https:\//www.xxx.com\">《服务协议》</a>和<a href=\"https:\//www.xxx.com\">《隐私政策》</a>，否则将退出应用。",    
          "buttonAccept": "同意并继续",    
          "buttonRefuse": "退出应用",    
        }     
      }    
    }

这个就是在启动页就能出现的弹窗提示框，按配置进行即可（不看文档的坑！！！）
文档链接：
完成之后需要重新云端打包后才能生效

在使用Uniapp发布为H5端时，我们的页面访问路径都会带上一个“#”号，这个不仅影响美观，还会在某些场合被过滤到“#”号导致路由错误，比如我们在做H5端的微信公众号登录的时候，返回地址带有“#”号就会被自动过滤掉，导致无法回调到正确页面，解决办法如下：

一、使用Hbuilder 工具打开manifest.json 文件，定位到：H5配置->路由模式->选择 history 模式

二、服务器配置

打包好H5代码上传到服务器还需要做伪静态的配置。

history模式下配置nginx

location / {  
  try_files $uri $uri/ /index.html;  
}

history模式下配置Apache

RewriteEngine On  
RewriteBase /  
RewriteRule ^index\.html$ - [L]  
RewriteCond %{REQUEST_FILENAME} !-f  
RewriteCond %{REQUEST_FILENAME} !-d  
RewriteRule . /index.html [L]

三、经过以上处理之后，我们原先的H5端的访问地址：https://h5.shopwind.net/#/pages/index/index 就会自动转化为：https://h5.shopwind.net/pages/index/index ， 已经完美的去掉了“#”符合，并且我们在填写微信公众号登录的回调地址后，能正常跳回。

uni-app开发的H5网页如何投放谷歌和百度广告？

最新版的HBuilderX（3.2.1+版本）创建的uni-app项目，已经支持直接在编辑器菜单：运行/发行快手小程序

====================================
我们强烈建议通过升级HBuilderX至3.2.1+版本，开发快手小程序。
如下介绍的开发方式，主要针对旧版编辑器不支持直接运行到快手小程序。
如果由于特殊原因，你仍然坚持使用旧版HBuilderX（3.2.1以前的版本），那样你只能通过cli方式创建uni-app项目才能运行到快手小程序。
步骤如下：

准备工作：

1.安装快手开发者工具，点此下载
2.cli创建uni-app。详情：通过vue-cli命令行
如果你的项目是由hbuilderx创建的，需要先转成cli项目。详情：uni-app HBuilderX 工程与 vue-cli 工程相互转换

运行快手小程序：

npm run dev:mp-kuaishou

提醒：命令行创建uni-app，推荐使用alpha版（对应HBuilderX最新alpha版）。该版本的快手小程序更稳定。
如果你是早期创建的升级方式 点击：修改依赖为指定版本

大家注意了哈 别在这上面浪费时间

最简单的bug反馈提交都做不好，还他妈牛逼吹上天。

接了腾讯的tim 现在遇到了ios播放不了tim返回的音频链接报错{"errMsg":"MediaError","errCode":-5} 但是经过自己的摸索 发现video可以播放 所以写一系列骚操作
个人感觉是uniapp的uni.createInnerAudioContext()事件底层 ios原生这块的io报错 也求官方早日修复吧
不多说 直接上代码

<template>  
 <video  
      :id="payload.uuid"  
      :muted="isFirstLoad"//第一次获取音频时长静音播放  
      style="display: none;"  
      :src="payload.url"  
      @timeupdate="handleTimeUp"//第一次获取音频时长事件  
    />  
</template>  
<script>  

export default {  
 props: {  
    payload: {  
      type: Object,  
      required: true  
    }  
},  
methods:{  
handleTimeUp(e) {  
      const { duration } = e.detail  
      if (this.isFirstLoad) {  
        this.videoContext.pause()  
        this.second = duration.toFixed(0)  
        this.isFirstLoad = false  
      }  
    },}  
}  
</script>

剩下的播放就不多说了 记录一下坑 日后给需要的兄弟

app
小程序
pc官网

语言：
uni-app
原生安卓 ios
php

有意向联系微信ciyujuzi

最近在熟悉uni-app的api，准备在demo里使用遮罩层，找官方文档，一顿搜索点到了subNVue，于是跟着开发指南和文档用subNVue写一个遮罩试试（毕竟官方说这个很强大，可以盖住原生组件，还能实现内部滚动）。
根据我的测试结果，如果仅仅根据uni-app的文档，我不能写出一个令自己满意的遮罩层，比如说，你不能阻止手机上的虚拟返回键关闭遮罩，你不能自己控制是否通过点击遮罩关闭遮罩层。
根据文档中的一些线索：

1. ‘Android平台4.0以上系统才支持“transparent”背景透明样式’。

2. 除 popup 外，其他值域参考 5+ webview position 文档。
   去查看H5+的webview文档（subNVue是对H5+webview的一层封装，但是封装的功能不全，要真正发挥subNVue的强大功能还是要结合plus对象）。
   下面是我的测试代码（）：
   在page.json里添加如下配置：

   {  
   "path": "pages/tabBar/home/home",  
   "style": {  
       "enablePullDownRefresh": false,  
       "navigationStyle": "default",   
       "navigationBarTitleText": "Home",  
       "app-plus": {  
           "titleNView": { // 标题栏样式  
               // "homeButton": true,  
               "buttons": [  
                   {  
                       "type": "back",  
                       "float": "left"  
                   },  
               ]  
           },  
           "subNVues":[{   
                  "id": "test", // 唯一标识    
                  "path": "/paltform/app-plus/subNVue/overlay", // 页面路径    
                  "type": "popup",  
                  "style": {  // 应该对应的是H5+中的webviewStyle  
                  "position": "absolute",    
                      "dock": "right",    
                      "width": "100upx",    
                      "height": "150upx",    
                       // "background": "rgba(0,0,0,0.5)",  
                  "mask": "none",//mask的值很重要，设置成none点击遮罩不会再关闭遮罩了  
                  "backButtonAutoControl": "none"   // 如果值是quit点击虚拟返回键会直接退出app  
                  }    
           }]    
       }  
   
   }  
   }

   overlay.vue:

<template>  
    <view class="tt">  
        <image class="swiper-item home-banner-item" mode="widthFix" src="https://pic2.zhimg.com/v2-25f301124c7524029d043a038655c829_1440w.jpg?source=172ae18b"></image>  
        </view>  

</template>  

<script>  

    export default {  
        data() {  
            return {  

            }  
        },  
        onLoad: function () {  
            const subNVue = uni.getCurrentSubNVue(); // subNVue对应的webview 对象  
            console.log(plus.webview.currentWebview().id); // package.json里设置的subNVue的id  
            console.log(subNVue.id); // package.json里设置的subNVue的id  
            console.log(plus.webview.currentWebview().opener());//创建subNVue对应的webview 的父webview，与 home.vue的webview是同一个webview  
            subNVue.canBack(function(e){  
                     console.log('是否可返回：'+e.canBack);  
                    });  
            // subNVue.addEventListener('hide', function(){  
            //     // subNVue.setStyle({mask:'rgba(0,0,0,1)'});  
            //  console.log(123000);  
            // },false);  
            // console.log(subNVue.parent());  
            subNVue.setStyle({  
                background: '#ff4050',  
            })  
            plus.key.addEventListener('backbutton',function() {  
                console.log('backbutton'); // 这个可以拦截手机上的虚拟返回键  
                return true;  
            })  
        },  
        onUnload:function(){  

        },  
        onBackPress() {  
            return true; // 这个貌似不起作用  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>  

只是初步测试，希望uni-app官方能把文档给写清楚，不要让开发者猜，提高大家的工作效率。

首先还是应该将tabbar页面用nvue编写，就不会出现这种问题了。
但是我的使用了过多组件，相当于要重构了。。。就放弃改为nvue了。下面是我根据之前版本的方法修改的，大概能解决大部分问题？

先贴原来用的方法，这个是在社区找到的，新版不能使用原因请看注释

function reloadCurrentPage(_self, isTab = true) {  
    // #ifdef APP-PLUS  
    if (plus.os.name === 'iOS') {  
        var route = _self.$scope.route  
        var data = _self.$scope.options && _self.$scope.options.data  
        var url = '/' + route  
        if (data) {  
            url = '/' + route + '?data=' + data  
        }  
        var isRecovery = true;  
        const query = uni.createSelectorQuery().in(_self);  
        //新版本这里在获取节点失败后不再调用boundingClientRect方法了  
        query.select('#containerId').boundingClientRect(data => {  
            isRecovery = false  
        }).exec();  
        setTimeout(() => {  
            if (isRecovery) {  
                if (isTab) {  
                    uni.reLaunch({  
                        url  
                    })  
                } else {  
                    uni.redirectTo({  
                        url  
                    })  
                }  
            }  
        }, 600)  
    }  
    // #endif  
}

然后我根据这个改了一版，在使用前需要以下条件
1、需要一个全局挂载的工具类，Vue.prototype.$utils = utils
2、在需要使用的页面（一般为tab页）最外层<view>需要设置为同一个class名称
3、在onshow方法调用
目前好像就tab页出现白屏比较严重，只需要在tabbar页使用应该就够了

let pageList = {};  
const utils = {  
    reloadCurrentPage: function(_self, isTab = true) {  
        // #ifdef APP-PLUS  
        var route = _self.$scope.route  
        var data = _self.$scope.options && _self.$scope.options.data  
        var url = '/' + route  
        if (data) {  
            url = '/' + route + '?data=' + data  
        }  
        var isRecovery = true;  
        let newTime = Date.now();  
        if (pageList[url]) {  
            const query = uni.createSelectorQuery().in(_self);  
            //这里select()中替换为自己的样式class名称  
            query.select('.container').fields({size:true}, data => {  
                isRecovery = false  
            }).exec();  
            setTimeout(() => {  
                if (isRecovery) {  
                    //如果获取不到节点  
                    //确保只刷新一次  
                    if (newTime - pageList[url] > 3000) {  
                        //超过3秒才重新刷新，这里设置几秒就行，目的是防止无限刷新  
                        //因为刷新后页面肯定会出来，但是立马再次调用该方法不一定能获取节点  
                        pageList[url] = newTime;  
                        if (isTab) {  
                            uni.reLaunch({  
                                url  
                            })  
                        } else {  
                            uni.redirectTo({  
                                url  
                            })  
                        }  
                    }  
                }  
            }, 600)  
        } else {  
            pageList[url] = newTime;  
        }  
        // if (plus.os.name === 'iOS') {  

        // }  
        // #endif  
    }  
}

专业App Store上架，如有需要请咨询QQ：514323566

近日，统一推送联盟宣布将把联盟的相关标准与成果纳入到中国信通院与中国互联网协会共建的“中国移动基础服务平台”（China Mobile Service，CMS）相关体系中，为我国移动互联网生态提供自主可控的第三方基础服务。联盟标准和成果中很重要的一部分就是统一推送标准及相关规范。

那么，究竟什么是统一推送？统一推送的意义和价值在哪里？为何统一推送标准得以被纳入到CMS中？开发者又该如何接入统一推送？

个推为您全面解读统一推送的那些事儿。

统一推送之由来

众所周知，谷歌的系统级推送服务GCM（Google Cloud Messaging）在国内无法使用。App开发者要在Android设备上进行消息下发，就需要考虑自建消息推送通道或使用第三方消息推送平台。同时，不同手机硬件厂商也会提供各自的系统级别的推送服务，比如华为推送、小米推送等。如此一来，APP开发者就需要针对不同的设备和系统去做适配，还要花费大量的时间和人力对接、管理和维护不同的推送通道。

为保证服务一致性，降低开发者使用推送服务的成本，2017年10月，在工信部号召下，中国信息通信研究院泰尔终端实验室牵头，联手众多手机厂商和个推等提供推送服务的互联网企业，共同建立了统一推送联盟。联盟的核心任务之一，就是通过标准化的方式统一推送通道和接口，帮助开发者更好地解决消息推送需求，并为终端用户带来更好的使用体验，破解移动互联网生态碎片化的问题。

统一推送UPS：为开发者带来重大利好

2018年，统一推送联盟发布了我国自主的移动基础服务标准《统一推送通道层接口规范》。通过对规范进行更新和完善，联盟于2019年发布《T-UPA0002-2019统一推送接口层规范（冻结版）》，为设备厂商和第三方消息推送服务商适配和实现统一推送提供了具体规范和技术标准。UPS（Unified Push Service)，指的则是使用统一的推送通道层接口规范，已经适配和满足统一推送标准的消息推送服务。

图片来源：www.chinaupa.com
如上图所示，UPS的接口规范主要包含两部分：
APP-Server与UPS-Server之间的API接口集L1，包含推送请求的鉴权(Auth)、提交推送(Send)；
App-Client与UPS-SDK之间的API接口集L2，包含注册令牌(registerToken)、注销令牌(unRegisterToken)、开启推送(turnOnPush)、关闭推送(turnOffPush)。

当应用方使用UPS时，无论是Server端还是Client端，只需按照UPS接口，即可对接所有支持UPS的厂商，无需针对每家厂商一一对接不同接口，真正给开发者节省了大量成本，带来了极大便利。

同时，由于UPS是系统级的推送服务，还能帮助APP大大提升消息的到达率，使得应用即使在后台不活跃的状态下也能收到消息；同时，UPS还可减少手机因为无效连接所耗费的流量消耗以及对系统资源的占用，极大提升终端用户的使用体验。根据统一推送联盟的待机功耗测试结果，系统级推送可以降低30%～40%的手机待机能耗。

综上，无论是对开发者还是对终端用户，统一推送标准的制定和应用都具有非常重要和明显的积极意义。目前，华为、荣耀、OPPO、中兴、vivo、小米、红米等众多知名手机厂商均已通过统一推送联盟测试，完成了对统一推送联盟相关标准的支持。

个推统一推送解决方案

个推是统一推送联盟内唯一一家成为副理事长单位的第三方消息推送服务商。一直以来，个推积极开放和分享自身在推送领域的多年实践和经验，是工信部安卓统一推送服务UPS技术标准制定的主要推动方之一。个推还是业内首家支持UPS标准的第三方消息推送服务商，并陆续同三星、索尼、坚果、比亚迪、海信、零跑汽车等达成战略合作，为手机及电视厂商、智能汽车制造商、汽车操作系统提供商等客户搭建符合UPS标准的智能触达体系，提供统一推送解决方案。

接下来，本文介绍厂商和开发者如何通过个推接入统一推送UPS。

一、厂商通过个推接入UPS

Step1：建立系统级长连接
个推提供符合统一推送标准的推送SDK——个推UPS SDK。厂商将个推UPS SDK集成到系统层后，即可与个推UPS服务建立系统级长连接。

Step2：通过UPS下发消息
厂商通过UPS下发消息的方式有两种，一种是直接使用个推的消息推送服务下发消息，此种方式适用于未自建推送通道的厂商，能够帮助厂商一次性、高效率搭建起符合UPS的消息推送通道，同时还能依托个推智能标签推送、场景推送等技术能力，对用户展开个性化、智慧化的有效触达。

另一种方式主要面向拥有开发者平台的厂商，该类型厂商通过个推UPS服务，帮助开发者完成消息的统一推送。

二、开发者通过个推集成UPS

个推还面向广大App开发者开放了UPS集成方式。
已经注册接入个推SDK的开发者只需要完成以下两步，即可使用个推UPS服务：

Step1：进入个推开发者中心开通UPS机型
目前个推消息推送服务支持的UPS手机厂商有坚果、索尼等。

Step2：在dependencies中增加UPS扩展包依赖
implementation 'com.getui.opt:ups:{version}'
详细接入流程请参考个推文档中心：docs.getui.com/getui/mobil…

统一推送标准的推出，以及各大手机、电视、汽车等厂商和操作系统供应商对统一推送标准的逐步适配，为互联网生态建设提供了极大推动力，也进一步促进了万物互联。接下来，个推还将持续关注统一推送的动态，并面向开发者继续分享消息推送、大数据等领域的技术实践和解决方案，欢迎大家保持关注。