遇到的问题

在 App 中添加一个活动页，这个活动页是用 H5 来展示的。

H5的链接是定义成固定的，即再进入时便有H5的链接；

H5 右上角有一个分享按钮，点击分享按钮，分享一个新的链接地址到微信，或者微信朋友圈。

现在问题来了，分享的数据从哪拿呢？

可能朋友们觉得这很简单啊 ，直接在创建 View 的时候拿呗！

其实单独来这么做肯定没什么问题，但是我们的这个 H5 的页面承载了很多功能，有很多逻辑，所以如果这样拿数据的话，又要新加判断逻辑，因为其他跳转过来的 H5 是不需要这样的逻辑的。

于是我们集体碰了下头，商量出来这样的一个想法：

既然 我们的这个 H5 页面的链接是固定的，那么为了减少请求网络以及避免给原有的 H5 页面造成影响的情况下呢，我们可以把 分享要用到的数据放到网页连麦，这样再加载网页时，其实在网页中已经有数据了。

然后 Android 本地再通过 调用 js 往外暴露的方法，去拿到分享数据，这样不就两全其美了吗！

于是说干就干：

第一步、等后端给写好的 H5 地址

第二步、加载这个 H5 地址

第三步、给分享按钮添加判断逻辑，只有当前这种情况下，才出发 调取这个 js 方法

然后给这个分享按钮添加点击事件，点击事件我们是这样定义的。

<code> share_fl.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                progress_webview.evaluateJavascript("javascript:app_share_ret()", new ValueCallback<string>() {
                    @Override
                    public void onReceiveValue(String value) {
                        if (TextUtils.isEmpty(value)) {
                            return;
                        }
                        String newValue = StringEscapeUtils.unescapeJava(value.substring(1, value.length() - 1));
                        ShareBean shareBean = AppClient.getInstance().getGson().fromJson(newValue, ShareBean.class);
                    }
                });
            }
        });
/<string>/<code>

即，使用 evaluateJavascript 方法去调用 js ，因为这样能拿到 js 方法返回的值，如果只是单纯的去调用方法，那么可以用

<code>webview.loadUrl("javascript:js方法名()") 

/<code>

第四步、问题来了

返回的数据仍存在转移字符

但是，我不是立马发现的，指导我把网页中定义好的字符串拷贝过来，然后和返回的字符串一起打印，我才发现：

拷贝过来的字符串 和 返回的字符串对比，拷贝的没有转义字符，而返回的有。

也就是返回的字符串是这样的

<code>{\"share_title\": \"分享标题\",
\"share_desc\": \"分享描述\",
\"share_link\": \"https://www.baidu.com\",
\"share_image\": \"https://www.baidu.com/baidu.png\"}
/<code>

但是复制过来后，打印出来的是这样的

<code>{"share_title": "分享标题",
"share_desc": "分享描述",
"share_link": "https://www.baidu.com",
"share_image": "https://www.baidu.com/baidu.png"}
/<code>

但是，奇怪的是 iOS 能够解析并且分享成功，但是 Andorid 确不行。

第五步、解决方案

刚开始的时候，简单实用将转义符号替换掉，成功了，但是问题是有可能内容中存在\\的符号。

所以换的第二种

先依赖 apache 的一个文件

<code> implementation "org.apache.commons:commons-lang3:3.8.1"
/<code>

然后使用

<code> String newValue = StringEscapeUtils.unescapeJava(value);
/<code>

去掉了\\

终于搞定！

小伙伴们有没有更好的方法，可以留言沟通一下哈~

閱讀更多 黑鍵手記 的文章

關鍵字: 斜杠 转义 JavaScript