阅读前请先参照官方文档，熟悉下unipush的整体方案

开通unipush

在应用管理后台找到要开通unipush的应用（账号第一次开通unipush需要认证）认证完毕，账号下的应用就可以直接使用unipush了

推送测试

unipush开通后，在后台可以创建通知消息和透传消息。两种消息的区别官方已经做了详细说明，不清楚的可以自己推送下试试。为了保证ios和android的一致性，建议放弃通知消息，统一使用透传消息。
客户端准备：

let info = plus.push.getClientInfo();//获取客户端clientId（这个id每次重新安装包就会刷新）  
console.log(info)  
 plus.push.addEventListener('receive', (message)=>{//监听透传消息  
    plus.nativeUI.toast('push receive');  
    plus.push.createMessage(message.content)//将详细显示到系统通知栏（这里如果有不需要系统展示的，可以和后端沟通好，通过message里的字段标识不显示就好）  
});  

应用在线

应用在线的时候测试，可以打包制作自定义基座调试（云打包的时候有个选项，制作自定义基座），关于自定义基座。这样避免了多次打包的繁琐，在线的时候推送会通过个推来发送，这个基本上没有任何问题，都能正常收到。

应用离线

应用离线分为两种情况：
一种时并没有杀掉进程，比如手机长时间息屏，下次打开应用并没有重启（也就时没触发引用的onLaunch)，只是唤醒到了前台。‘
另一种情况是进程被杀掉了，应用就是离线的状态。
对于第一种情况：这个clientId已经是离线状态了，即便你这时候前台唤醒了，他也不会触发在线。一个方案是在应用onShow的时候重新加载一次推送的sdk，这样达到clientId重新在线的目的，但这种方案总是让人觉得是不得已的妥协，那么有没有更好的方案呢？
如果我们能解决第二种情况的推送问题，也就是离线的推送，那第一种情况也就可以不管了。unipush很好的一点就是这里，他可以集成多个厂商的推送，这样即便应用时在离线状态下，也可以收到推送通知。huilder提供的厂商推送应用创建配置流程，文档有点老，可能和现在的厂商实际页面有出入，参考就好。

小米厂商渠道配置

unipush后台有小米开放平台的快捷入口，注册开发账号（我用的是公司主体注册的），创建手机应用，填写应用名称和包名(一定要和uniapp的包名一致)，然后会提示是否开启消息推送服务，选择启用，然后到应用信息里，复制 AppID,AppKey,AppSecret粘贴到unipush后台即可。

华为厂商渠道配置

同小米，先注册开发者账户。这里吐槽下hbuilder的注册文档有点老了，和现在的页面不太能对的上。应用服务->开发服务->PUSH
新建APK，然后开通推送服务，他会提示包名未填写，那需要先到开发->概览页面->手动输入包名。包名输入完毕一定要填写SHA256签名，然后保存后最好刷新一下（我试了好多次才保存上）。填写完成后再去开通推送服务，然后到概览里复制AppID,AppSecret到unipush后台。至此配置完成

离线推送测试

虽然官方说自定义基座可以测试推送，但我本人测试，离线推送还是要打包来测试才行，之前也是自定义基座，但怎么都收不到。打包后记得将应用的通知权限给到最高（锁屏允许通知等等）然后杀掉进程，在后台发送透传消息，群发，这时候会让填写第三方推送的intent;
把包名替换为你自己的应用名称，其他的照抄即可
intent:#Intent;launchFlags=0x04000000;action=android.intent.action.oppopush;package=你的包名;component=你的包名/io.dcloud.PandoraEntry;S.UP-OL-SU=true;S.title=测试;S.content=测试;S.payload=test;end
然后点击群发，不出意外的话，你的app应该已经收到了离线通知~

因为目前手边只有小米和华为，所以其他三个厂商的还没有进行测试，不过估计应该都可以

总结一下我在其中犯的错误。
1.我再写ajax函数时，直接把他写在绑定事件之外了。导致我一刷新，实际上已经执行了ajax。

2. mui.ajax函数我错了好多次。代码完全不对。如果代码正确的话一般不会报错仅限leanCould。
3. 此外leanCould托管服务器api域名是 https://api.leancloud.cn/1.1/login
4. https://API_BASE_URL/1.1/users/me 该api域名中的API_BASE_URL是api.leancould.cn

HBuilderX 2.3.4+版本已将iOS上所有webview的默认内核由UIWebview调整为WKWebview请参考https://ask.dcloud.net.cn/article/36348,
当内存占用过大或者应用切换到后台内存被回收会导致WKWebview内核Crash引起应用白屏，为了提高体验App支持Crash后的恢复，开发者可以通过简单的配置支持该功能。

注意

目前该功能针对在前台的应用，如果应用在后台时会直接重新启动不适用该规则

注意uniapp在使用vue页面时，有自带的恢复逻辑，不适用本规则。如果是nvue页面则不涉及这个问题。

支持的恢复行为

• "restart"
  重启应用，关闭所有页面重新打开应用首页，可通过（plus.runtime.isRecovery）来判断应用是否恢复重启
• "reload"
  重新加载当前WKWebview（崩溃的WKWebview）页面，页面中JS上下文中所有数据丢失，在当前Webview中可通过plus.webview.isRecovery判断是否恢复重新加载，在其它Webview中可监听recovery事件来判断
• "none"
  不做任何操作

全局配置

manifest.json中配置默认值

    "plus": {  //uni-app项目对应节点名称为"app-plus"  
        "kernel": {  
            "ios": "WKWebview",  
            "recovery": "restart|reload|none"  
        },  
        // ...  
    }

webview配置

webview style新增kernelRecovery属性
通过该项可以自定义单个webview的恢复行为，覆盖全局配置
引用文档

示例

var webview = plus.webview.create("[url]","[id]", {kernelRecovery:"restart|reload|none"});

API

plus.webview.isRecovery
用于判断当前Webview窗口是否由于内核崩溃自动恢复,当配置reload时生效
引用文档

plus.runtime.isRecovery
用于判断当前应用是否是Webview崩溃自动恢复导致的启动,当配置restart时生效
引用文档

事件

recovery
当恢复行为配置为reload时，webview重新创建完成后会触发该事件，可以监听该事件做具体处理
引用文档

评论区各位开发者吐槽较多，但这个不是DCloud不解决，是iOS不解决。
如果使用webview渲染，内存过高时，只能重启webview。

1. 降低webview里的内存占用
2. 改用nvue或uvue原生渲染。但nvue由于weex不维护了也有坑，使用uni-app x的uvue比较好。
3. 接受重启webview，优化重启过程的体验

如果开启了推送插件，但打包使用的iOS证书没有开通推送权限，则无法打包，需要到苹果开发者账号开启相关推送权限重新申请iOS证书再打包

推送权限只有付费的开发者才能开启。

1、首先打开开发者中心https://developer.apple.com/account，进入证书页面。

如果之前创建过appid，进去修改添加下推送服务就行了，不用重新创建。

2、点击证书、ID及配件文件，进入设置。

在identifiers项找到之前添加的需要修改相关权限的应用id点进去！

点击你要修改的应用id，然后勾选需要开通的相关推送权限保存，保存后需要重新申请描述文件证书！

注意：证书p12不用重新申请，描述文件要重新申请！（修改了权限之前的描述文件会失效）

详细的推送功能制作请看下面文档

ios推送证书的申请和使用配置

文章链接

关于此问题的说明:

Android System WebView 内核的bug：当webview页面中存在持续渲染（如跑马灯效果。banner轮播等）。页面被隐藏后会导致JS阻塞影响页面渲染效率。从66.0.3359.126版本到最新都存在此问题。
注意：

• 此问题必须是页面隐藏hide后，并且当前页面包含持续渲染（如跑马灯效果。banner轮播等）时才会触发此问题。如果你的页面不会隐藏、没有持续渲染逻辑可忽略此问题。
• 一般新窗体进入盖住老窗体，不会调用webview的hide方法，不会引发此问题。此问题常见于tabbar的切换，不同tab的webview页面只有一个是显示的，其他是hide的。或者开发者手动调用了plus.webview对象的hide方法。

解决方案：

方案1： 我们推荐开发者在页面被hide后，主动停用持续操作ui的js或css。
在隐藏的页面持续操作视图本身也不合理，影响性能。
在uni-app中，基础组件swiper和扩展uni ui的跑马灯，组件内部会判断，如果当前页面已经不再前台显示，会停止轮播。所以正常使用这些组件也不会遇到问题。
如果开发者引用了未做判断的三方组件，或者自己编写了持续操作视图的代码，则应该注意编写判断代码，在页面hide时，停止这些js或css。然后在恢复显示时，重新启用它们。

在uniapp中实现方案1的代码

//组件内监听webview隐藏停止动画（即将新增组件所在页面的生命周期，可以监听页面隐藏来停止动画）  
mounted() {  
  // #ifdef APP-PLUS  
  const pages = getCurrentPages();  
  let currentWebview = pages[pages.length - 1].$getAppWebview();  
  currentWebview.addEventListener('hide', () => {  
    // webview隐藏，停止动画  
  })  
  currentWebview.addEventListener('show', () => {  
    // webview显示，开启动画  
  })  
  // #endif  
},

//页面内监听页面隐藏停止动画  
onShow() {  
  // 页面显示，开启动画  
},  
onHide() {  
  // 页面隐藏，停止动画  
}

方案2： 当页面被隐藏时主动调用webview的pause方法，暂停这个webview里的所有js和css动画的运行
首先需要升级HBuilderX 2.3.8或更高版本。（如发现版本没更新请等待更新后再操作）
5+提供了新的API ，WebviewObject对象添加pause、resume方法。

• void pause() 暂停Webview对象，停止js执行、DOM渲染
• void resume() 恢复Webview对象，恢复js执行、DOM渲染
• boolean isPause() 是否暂停，暂停则返回ture，否则返回false

uniapp用户：

nvue页面无此问题。忽略即可。
vue页面：
在页面存在持续渲染（如跑马灯效果。banner轮播等）的情况下。可在页面周期onShow、onHide分别调用webview的resume、pause方法即可

onShow() {  
    const w = this.$mp.page.$getAppWebview();  
    if(w.isPause()){  
        w.resume();  
    }  
},  
onHide() {  
    const w = this.$mp.page.$getAppWebview();  
    w.pause();  
},

5+用户：

可以通过WebviewObject对象控制管理方式规避问题。当调用WebviewObject的show、hide方法时主动调用相关页面的pause、resume方法。

//创建页面 此页面包含持续渲染（如跑马灯效果。banner轮播等）的逻辑存在。  
var a = plus.webview.open('list.html','list');  
//当a页面要隐藏时可调用如下代码  
var a = plus.webview.getWebviewById('list');  
a.hide('none');  
a.pause();  

//当a页面显示时调用如下代码  
var a = plus.webview.getWebviewById('list');  
if(a.isPause()) {  
   a.resume();  
}

           MUI这套H5应用框架非常值得肯定, 但也许它的应用少有涉及工业,activity一旦发生usb外接输入设备(如扫描枪)的排插就会导致重启, 这对于用家来讲是个不好的体现, 这个问题我已经在dcloud上反映过, https://ask.dcloud.net.cn/question/81362, 后来在群里有个小哥可能认识mui公司的人才有人理会解决, 但回复说要等hbuildx版本升级才行.

       为了不影响进度, 经过若干试验,发现原来的主Activity为PandoraEntryActivity, 那么我新建一个MyMainActivity extends它并在activity的configChanges里面加上 keyboard即可:

android:configChanges="orientation|keyboardHidden|keyboard|navigation"

       新开一个MainActivity的好处还有, 可以在app启动的时候开自己的后台服务, app结束的时候打扫现场.
        原app并不是一开始就以PandoraEntryActivity为启动activity,而是由一个临时的activity启动, 根据传入的参数is_stream_app加以判断,从而启动WebAppActivity或PandoraEntryActivity,为了完美接入, 也写了一个启动activity,在原本启动PandoraEntryActivity的地方换成MyMainActivity.

/
com.freestyle.android.h5plugin
Created by rocklee , 2019/3/8
/
public class MyStartActivity extends Activity {
@Override
protected void onCreate(Bundle var1) {
super.onCreate(var1);
Intent var2 = this.getIntent();
boolean var3 = false;
try {
var3 = var2.getBooleanExtra("is_stream_app", var3);
} catch (Exception var5) {
var5.printStackTrace();
this.finish();
return;
}

    if (var3) {  
        var2.setClass(this, WebAppActivity.class);  
        var2.putExtra("is_stream_app", true);  
    } else {  
        var2.putExtra("short_cut_class_name", PandoraEntry.class.getName());  
        var2.setClass(this, MyMainActivity.class);  
    }  

    this.startActivity(var2);  
    (new Handler()).postDelayed(new Runnable() {  
        public void run() {  
            MyStartActivity.this.finish();  
        }  
    }, 20L);  
}  

}
最后贴上MyMainActivity的代码

/
com.freestyle.android.h5plugin
Created by rocklee , 2019/11/1
/

public class MyMainActivity extends PandoraEntryActivity {
//private Bridge mBridge;
private Handler mUIHandler;
@Override
protected void onStart(){
super.onStart();
mUIHandler.postDelayed(()->{
WebView.setWebContentsDebuggingEnabled(true);
},3000);
}
private void patchApplication(){
}
@Override
public void onDestroy(){
FRPlugins.quit();
super.onDestroy();
}
@Override
public void onCreate(Bundle var1) {
super.onCreate(var1);
patchApplication();
mUIHandler=new Handler(getMainLooper());
//mBridge=new Bridge(this);
FRPlugins.init(this);
Config.init(this);
}
}
 
————————————————
版权声明：本文为CSDN博主「OK_boom」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/rocklee/article/details/102852575

记录一下流程，免得后面的人重复摸索

1. 申请苹果开发者账号

2. 在开发者中心， 新建APP ID
   Certificates, Identifiers & Profiles
   》 All Identifiers
   》Register a New Identifier
   选择 创建APP IDs，
   ****注意此处的Bundle ID也就是APP ID， 是你自己起的， 格式： com.domainname.appname （Bundle ID在提交云打包时需要填入）

3. 在香蕉云编（https://www.yunedit.com/createcert）上 创建 csr文件

4. 在苹果开发者中心， 创建Certificates， 过程中会要求上传前一步生成的csr， 创建成功可以下载为cer文件
   ****Type 有 iOS Distribution和iOS Development两种， 如果是像我一样想丢到蒲公英上给别人测试， 选择【 iOS Distribution】

5. 在香蕉云编 上传下载的cer文件， 生成p12文件并下载， 会提示你输入密码（p12文件和密码在提交云打包时需要填入）

6. 在开发者中心，添加测试手机的设备编号，设备编号 可以用手机访问https://www.pgyer.com/tools/udid获取
   Certificates, Identifiers & Profiles
   》 Devices 》Add

7. 在开发者中心， 创建Profiles， 需要上传前面生成的p12文件， 如果时发布测试版， 创建时一定要选择 Distribution》Ad Hoc
   Certificates, Identifiers & Profiles
   》 Profiles 》Add

8. 下载创建好的 profile， 连同前面生成的 appid， p12文件， 以及p12文件对应的密码， 填入到HbuilderX云打包的参数里， 打包

9. 将打包好的ipa文件上传到蒲公英上， 已加入uuid的设备可以打开发布后的网页点击安装。

小程序用，发插件太麻烦

在微信开放平台申请相关应用接口的时候，要求一个应用签名的东西！

还有在一些平台申请相关服务也需要，比如在个推在推送配置！

下面介绍获取方法

1、首先下载安装安卓应用签名获取的APK

https://share.weiyun.com/55MsELw

2、找到需要获取的那个APP进去查看复制（需要获取应用签名的APP要先安装到手机）

像微信那边的就是需要证书指纹（MD5）这个值，复制填写即可！

eslint-js插件下载地址
eslint-vue插件下载地址

特别说明

本文所述功能，仅对2.2.0和2.6.8之间的版本生效，2.6.9+版本请参考：https://ask.dcloud.net.cn/article/37070

1. eslint一键修复功能说明

1. eslint一键修复功能，仅支持cli项目，不支持普通web项目
2. cli项目，需要安装eslint库，并配置eslint规则
3. HBuilderX需要安装eslint插件。进入菜单【工具】【插件安装】，安装eslint-js、eslint-vue两个插件
4. 若满足上述条件，当编写完代码，保存时，若代码中存在错误，可使用eslint一键修复功能。 如下图：
   
   

2. eslint一键修复功能说明

一键修复功能，跟项目下配置的eslint规则有关。

本文不再罗列eslint如何配置规则, 请自行搜索。

特别说明： eslint一键修复功能，并不能修复所有的语法错误。比如定义了某个变量，但未使用，eslint校验保存，一键修复功能并不能修复此类错误。

3. 保存文件时，自动修复语法错误

1. 点击菜单【帮助】【插件配置】，找到eslint-js、eslint-vue插件
2. 点击插件下的package.json文件
3. 如下图，修改两处（注意id），然后重启HBuilderX （注意：必须重启HBuilderX）
   
   

举例有这样一段代码

    <div>  
        <span>1243&nbsp;5346</span>  
    </div>

uparse文件执行顺序简单说明

parse.vue插件入口文件 →  调用lib/html2json.js   → 返回nodes对象  (这里得到一个html节点解析后的json对象)  
                                        ↓↑  
                调用wxDiscode(例:把 转成字符),htmlparser  

parse.vue把nodes输入到wxParseTemplate0.vue

首先会处理最外层的 div,就变成了

<view>  
    nodes  
<view/>  

nodes = '<span>1243 5346</span>'

再把新的nodes再次输入到wxParseTemplate0.vue(小程序是wxParseTemplate1.vue)
这样就得到一个递归调用的模板,直到输出所有节点

wxParseTemplate里面遇到table,img,video,audio,标签时会分别调用自定义组件(更多的可以直接看源码)

    import wxParseImg from './wxParseImg';  
    import wxParseVideo from './wxParseVideo';  
    import wxParseAudio from './wxParseAudio';  
    import wxParseTable from './wxParseTable';

下面说说优化了哪些地方.优化的同时也存在些问题.希望大家提出好的解决方案.

0.去掉了标签在递归过程中多出来的标签,解决导致内联元素没有内联的问题

1.table标签很简单目前是用的rich-text

https://uniapp.dcloud.io/component/rich-text
没有找到更好的处理方法,问题是,标签内部的非文字节点,,可能会有问题

2.wxDiscode相对于原版做了一些处理

// 例:  
str = str.replace(/ /g, " ");  
改为  
str = str.replace(/&nbsp;|&#32;|&#x20;/g, "<span class='spaceshow'> </span>");

3.parse.vue文件的getWidth方法原版获取的是屏幕的宽度,实际上应该获取组件的宽度,该方法获取的宽度主要是用于计算image的图片宽度.(组件可能有边距,边距不应该用于计算图片的宽度).

有兴趣的可以去看看image的处理,,目前是有些问题的,,因为官方的图片插件必须要设置一个宽高覆盖掉默认的宽高,做百分比计算感觉比较复杂.目前我也没什么好的处理方式.

另外还要吐槽一下uni.createSelectorQuery(),之前在处理时,各个小程序的兼容情况好像并不是很好,所以用的条件编译.有报错可以自行处理一下

4.parse.vue文件的setHtml方法

     this.nodes = results.nodes;  
    // 改为  
     this.nodes = [];  
     results.nodes.forEach((item) => {  
          setTimeout(() => {  
               this.nodes.push(item)  
          }, 0);  
     })

这段代码可以异步的加载根节点,,

像这样:  
<p>这里是<span>段落</span></p>  
<p>这里是<span>段落</span></p>  
<p>这里是<span>段落</span></p>  
<p>这里是<span>段落</span></p>  
<p>这里是<span>段落</span></p>  
<p>这里是<span>段落</span></p>  

但是如果用div标签包裹起来就不是异步加载了,  

像这样  

<div>  
    <p>这里是<span>段落</span></p>  
    <p>这里是<span>段落</span></p>  
    <p>这里是<span>段落</span></p>  
    <p>这里是<span>段落</span></p>  
    <p>这里是<span>段落</span></p>  
    <p>这里是<span>段落</span></p>  
</div>  

目前还没想好如何异步加载所有节点,,有想到如何处理的可以留言或私信我谢谢.之前有尝试,但是性能反降.遂放弃

实际上是分段渲染的结果,让人感觉好像渲染速度加快,,实际上并没快多少

5.parse.vue文件的 navigate方法

原方法是只能获取href的内容,,有人提出需求需要获取onclick的内容,所以增加了attr,

6.对br标签的处理{wxDiscode应该处理"<",">"字符,避免转码后输出br标签,br再转换行的问题,暂时还没改}

        <!--br类型-->  
        <!-- #ifndef H5 -->  
            <text v-else-if="node.tag == 'br'">\n</text>  
        <!-- #endif -->  
        <!-- #ifdef H5 -->  
            <br v-else-if="node.tag == 'br'">  
        <!-- #endif -->

7.wxParse.css文件我就不说了但是需要在APP.vue文件中引入,

目前就想到这么多了.