�组保留的标签 余下为需要删除的标签
                unset($oldtag[$key]);
            }
        }
    }
    

    if (!empty($oldtag)) {
        $tagids = array();
        foreach ($oldtag as $tagid => $tagname) {
            $tagids[] = $tagid;
        }

        well_oldtag_delete($tagids, $tid);
    }

    $r = well_tag_process($tid, $fid, $create_tag, $tagarr);

    

    return $r;
}

// 删除标签和绑定的主题
function well_oldtag_delete($tagids, $tid)
{
    

    $pagesize = count($tagids);
    $arrlist = well_tag_find_by_tagids($tagids, 1, $pagesize);

    

    $delete_tagids = array(); // 删除
    $tagids = array();
    $n = 0;
    foreach ($arrlist as $val) {
        ++$n;
        
        if (1 == $val['count']) {
            // 只有一个主题
            $delete_tagids[] = $val['tagid'];
            
        } else {
            $tagids[] = $val['tagid'];
        }
        
    }

    

    !empty($delete_tagids) and well_tag_delete($delete_tagids);

    $arlist = well_tag_thread_find_by_tid($tid, 1, $n);
    if ($arlist) {
        $ids = array();
        foreach ($arlist as $val) $ids[] = $val['id'];

        well_tag_thread_delete($ids);
    }

    !empty($tagids) and well_tag_update($tagids, array('count-' => 1));

    
}

// 标签数据处理 $arr=新提交的数组 $tagarr=保留的旧标签
function well_tag_process($tid, $fid, $new_tags = array(), $tagarr = array())
{
    if (empty($tid)) return '';

    

    // 新标签处理入库
    if ($new_tags) {

        

        $threadarr = array();
        $tagids = array();
        $i = 0;
        $size = 5;
        $n = count($tagarr);
        $n = $n > $size ? $size : $size - $n;

        

        foreach ($new_tags as $name) {
            ++$i;
            $name = trim($name);
            $name = stripslashes($name);
            $name = strip_tags($name);
            $name = str_replace(array('&nbsp;', '#', "@", "$", "%", "^", '&', '·', '<', '>', '；', '`', '~', '!', '￥', '……', ';', '?', '？', '-', '—', '_', '=', '+', '.', '{', '}', '|', ':', '：', '、', '/', '。', '[', ']', '【', '】', '‘', '	', '    ', '  ', '   ', '    '), '', $name);
            $name = htmlspecialchars($name, ENT_QUOTES);
            if ($name && $i <= $n) {
                
                // 查询标签
                $read = well_tag_read_name($name);
                
                if ($read) {
                    // 存在 count+1
                    $tagids[] = $read['tagid'];
                    
                } else {
                    // 入库
                    $arr = array('name' => $name, 'count' => 1);
                    
                    $tagid = well_tag_create($arr);
                    FALSE === $tagid and message(-1, lang('create_failed'));
                    $read = array('tagid' => $tagid, 'name' => $name);
                    
                }

                $tag_thread = array('tagid' => $read['tagid'], 'tid' => $tid);

                

                $threadarr[] = $tag_thread;

                

                $tagarr[$read['tagid']] = $read['name'];
            }
        }

        

        !empty($threadarr) and tag_thread_big_insert($threadarr);

        !empty($tagids) and well_tag_update($tagids, array('count+' => 1));
    }

    

    $json = empty($tagarr) ? '' : xn_json_encode($tagarr);

    

    return $json;
}




?>   $v = implode(",", $v);
        $temp[] = $v;
    }
    // 去掉重复的字符串,也就是重复的一维数组
    $temp = array_unique($temp);
    // 再将拆开的数组重新组装
    $output = array();
    foreach ($temp as $k => $v) {
        if ($stkeep) $k = $starr[$k];
        if ($ndformat) {
            $temparr = explode(",", $v);
            foreach ($temparr as $ndkey => $ndval) $output[$k][$ndarr[$ndkey]] = $ndval;
        } else $output[$k] = explode(",", $v);
    }
    return $output;
}

// 合并二维数组 如重复 值以第一个数组值为准
function array2_merge($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array1 as $k => $v) {
        isset($v[$key]) ? $arr[$v[$key]] = array_merge($v, $array2[$k]) : $arr[] = array_merge($v, $array2[$k]);
    }
    return $arr;
}

/*
 * 对二维数组排序 两个数组必须有一个相同的键值
 * $array1 需要排序数组
 * $array2 按照该数组key排序
 * */
function array2_sort_key($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array2 as $k => $v) {
        if (isset($v[$key]) && $v[$key] == $array1[$v[$key]][$key]) {
            $arr[$v[$key]] = $array1[$v[$key]];
        } else {
            $arr[] = $v;
        }
    }

    return $arr;
}




?><!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="referrer" content="origin-when-cross-origin"><meta name="applicable-device" content="pc,mobile" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="renderer" content="webkit" /><meta name="keywords" content="H5+APP的几种实现形式" /><meta name="description" content="H5+APP的几种实现形式" /><title>H5+APP的几种实现形式编程频道|福州电脑网
</title><link rel="shortcut icon" href="/view/img/favicon.ico" /><link rel="icon" sizes="32x32" href="/view/img/favicon.ico"><link rel="Bookmark" href="/view/img/favicon.ico" /><link rel="stylesheet" href="/view/template/mitiqin/css/style.css?2.3.0"><link rel="stylesheet" href="/view/template/mitiqin/css/iconfont.css?2.3.0"><script src="/view/template/mitiqin/js/jquery-2.2.4.min.js?2.3.0" type="text/javascript"></script></head><body><div id="header"><div class="header container"><div class="logo"><a href="/"  title="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"><img src="/view/template/mitiqin/img/logo.png" alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"></a></div><div id="monavber" class="nav" data-type="index" data-infoid><ul id="nav" class="navbar"><li class="navbar-item" data-active="fid-0"><a href="/">首页</a></li><li class="navbar-item" fid="5" data-active="fid-5"><a href="/biancheng">编程之家</a></li><li class="navbar-item" fid="4" data-active="fid-4"><a href="/xitong">系统教程</a></li><li class="navbar-item" fid="12" data-active="fid-12"><a href="/shuma">数码周边</a></li><li class="navbar-item" fid="13" data-active="fid-13"><a href="/pc">电脑</a></li></ul></div><div id="mnav"><i class="iconfont icon-app"></i></div><div id="search"><i class="iconfont icon-search"></i></div><div class="search"><form id="form-search" action="/operate/search.html"><input type="text" name="keyword" placeholder="关键词" value=""/><button type="submit" value="搜索"><i class="iconfont icon-search"></i></button><input type="hidden" name="range" value="1"></form></div></div></div>
<div class="fzithome-com breadcrumb2 container-w"><div id="b" class="cl"><div class="fzithome-com fl"><i class="iconfont icon-home"></i><a href="/">首页</a>&nbsp;>&nbsp;
<a href="/biancheng">编程之家</a><a href="/biancheng/1754593440a2614196.html" title="首页">H5+APP的几种实现形式</a></div></div></div><div class="fzithome-com main container-w cl"><div class="fzithome-com mainl"><div class="fzithome-com art-post"><div class="fzithome-com title"><h1>H5+APP的几种实现形式</h1><div class="fzithome-com info"><span><a href="/biancheng"><i class="iconfont icon-crossborder-fill"></i>编程之家</a></span><span><i class="iconfont icon-browse"></i>56</span><span><i class="iconfont icon-message-fill"></i>0</span><span>
                        更新时间：2026-04-03 20:28:55</span></div></div><div class="fzithome-com art-content"><article class="single-post"><div class="fzithome-com entry"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z"  style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                    </svg>
                    <h3>一、什么是H5+App</h3> 
<p>H5+App通常指的是我们将移动Web端封装成一个的App后的一种形式，我们通过这样的方法就可以比较简单地形成一个可被应用的App，这样的一个App能够像正常的App应用去调用手机底层的Api，比如相机，推送等。</p> 
<p>但是这样的方式虽然便捷，但是肯定相对于原生的App是有一定的弊端，渲染速度，以及各种调用底层Api的功能都会存在不小的差距。</p> 
<p>但是在目前各种框架插件的辅助下，往往在简单的应用内都可以达到以假乱真的效果。</p> 
<h3>二、如何去构建一个H5+App</h3> 
<p>这里只介绍dclound的提供的3种方式，一种是Wap2App，一种是直接的往Web页面套壳的纯h5+方式。</p> 
<p>1.第一种是wap2App的方式，通过这样的方式，我们可以重新定义我们App中的路由，只要将不同的页面配置一个唯一的页面ID，这样底层的框架就会去处理相关的一些事件，包括跳转等问题。</p> 
<p>这种方式有一个特点，就是我们的页面其实不是放在APP里面的，而是放在我们的服务器上，然后打包成的App其实可以理解为一个浏览器App，然后我们只是单纯地去访问我们服务器上的页面地址，从服务器可以获取到最新的页面更新。</p> 
<p>达到可以不用去更新App，就更新到我们App内容的一种快速更换内容的效果。这当然也是这样的一种套壳App的优势。</p> 
<p>2.第二种方式是纯套壳方式，直接在我们生成的App首页访问项目的首页地址，这样就相当于好像我们打开了App不是一个空白的页面，而是一个另类的App。这种方式当然也会有以上的所说的套壳App特色。</p> 
<p>3.第三种是用Vue打包后的项目包，加上一个App的配置文件，重新打包成一个App，这样的话我们项目就是封闭的一个状态，必须要重新打包成App才能达到更新App的效果。</p> 
<h3>三、打包App的注意事项</h3> 
<p>1.有一个点是三种方式都得注意的，那就是必须在头部给手机状态栏留下一个空白的div位置，不然我们的页面很容易因为这个状态栏变得畸形。</p> 
<p>一般我们可以先通过判断我们项目的运行环境，然后控制状态栏DIV的显隐。</p> 
<pre><code ><span >if</span><span >(</span>navigator<span >.</span>userAgent<span >.</span><span >indexOf</span><span >(</span><span >"Html5Plus"</span><span >)</span> <span >&gt;</span> <span >-</span><span >1</span><span >)</span><span >{
   
   <!-- --></span>  
    downloadEl<span >.</span>style<span >.</span>display <span >=</span> <span >"none"</span><span >;</span><span >//隐藏下载banner  </span>
<span >}</span>
</code></pre> 
<p>2.另外一个是关于我们App的更新问题，不管是通过怎么样的打包方式，最后都需要一个更新App的功能，套壳App哪怕能够更新页面内容，但是它却不能让我们的App添加一些本就没有添加的App底层共嗯功能，我们需要重新打包更新去获取手机权限。</p> 
<p>以下是实现更新的一种方式，全量更新，让用户更新一整个App</p> 
<pre><code ><span >var</span> ua <span >=</span> navigator<span >.</span>userAgent<span >;</span>
	<span >if</span><span >(</span>ua<span >.</span><span >indexOf</span><span >(</span><span >'Html5Plus'</span><span >)</span> <span >&gt;</span> <span >-</span><span >1</span> <span >&amp;&amp;</span> ua<span >.</span><span >indexOf</span><span >(</span><span >'StreamApp'</span></code></pre></div></article></div><div class="fzithome-com info"><div><span>本文发布于:2025-08-08，感谢您对本站的认可！</span></div><div><span>本文链接:</span><a href="https://www.fzithome.com/biancheng/1754593440a2614196.html" title="H5+APP的几种实现形式">https://www.fzithome.com/biancheng/1754593440a2614196.html</a></div><div><span>版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</span></div></div><span class="tag"><i class="iconfont icon-discount" style="font-size:12px;font-weight:bold;opacity:.7;">本文标签：</i><a href="/tag/68114.html" target="_blank">几种</a><a href="/tag/1040.html" target="_blank">形式</a><a href="/tag/68370.html" target="_blank">APP</a></span></div><div class="fzithome-com post_comments" id="comments"><div id="comt-respond" class="commentpost"><h4>发布评论
<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4><form action="/comment/create/2614196.html?safe_token=xOsgnyw05jSWOhWful2wh3d0PYjBMHWH65oWlyo5I0JkhRRfqMaVKqNIBKGKe4FTOVRXGqD0ma_2Bj_2BnrAJwki1g_3D_3D" method="post" name="saypl" id="frmSumbit"><input type="hidden" name="doctype" value="1" /><input type="hidden" name="quotepid" value="0" /><div id="comment-tools"><div class="fzithome-com tools_text"><textarea placeholder="请在这里留言..." name="message" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea></div></div><div class="fzithome-com psumbit"><input name="sumbit" type="submit" tabindex="6" value="发布" class="button" /></div></form></div><div class="fzithome-com commentlist"><div class="fzithome-com comment-tab"><div class="fzithome-com come-comt">评论列表<span id="comment_count">（有<span id="infocommentnumarea" style="color:#c81111">0</span>条评论）</span></div></div><ul class="diy-comment"></ul></div></div></div><div class="fzithome-com mainr"><section id="aside_about" class="widget widget_aside_about sb br mb"><div class="avatar"><img class="img" src="/view/template/mitiqin/img/tx.jpg"
             alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"/></div><div class="wrap pd"><p class="title">福州电脑网_福州电脑维修_福州电脑之家_福州iThome</p><p class="info">福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒，软件,硬件,常识.</p><ul class="ul clearfix"></ul></div></section><div class="fzithome-com clear"></div><div class="fzithome-com widgets"><h4 class="bar">相关推荐</h4><div class="fzithome-com hot-post"><ul class="clearfix"><li><a href="/biancheng/1754593370a2614187.html"title='Fidder抓取Android中app请求详解' aria-label='Fidder抓取Android中app请求详解'><span class="sptit">Fidder抓取Android中app请求详解</span></a></li><li><a href="/biancheng/1754593552a2614208.html"title='解决 Mac App Store 无法登陆下载问题' aria-label='解决 Mac App Store 无法登陆下载问题'><span class="sptit">解决 Mac App Store 无法登陆下载问题</span></a></li><li><a href="/biancheng/1754593571a2614212.html"title='中国农业银行K宝证书怎么在中国农业银行APP上下载更新K宝证书？' aria-label='中国农业银行K宝证书怎么在中国农业银行APP上下载更新K宝证书？'><span class="sptit">中国农业银行K宝证书怎么在中国农业银行APP上下载更新K宝证书？</span></a></li><li><a href="/biancheng/1754593627a2614219.html"title='uni-app预览文件' aria-label='uni-app预览文件'><span class="sptit">uni-app预览文件</span></a></li><li><a href="/biancheng/1754605536a2617021.html"title='用 SwiftUI 实现 AI 聊天对话 app - iChatGPT' aria-label='用 SwiftUI 实现 AI 聊天对话 app - iChatGPT'><span class="sptit">用 SwiftUI 实现 AI 聊天对话 app - iChatGPT</span></a></li><li><a href="/biancheng/1754633693a2622206.html"title='64位win7禁用驱动程序签名强制 几种常用方法' aria-label='64位win7禁用驱动程序签名强制 几种常用方法'><span class="sptit">64位win7禁用驱动程序签名强制 几种常用方法</span></a></li><li><a href="/biancheng/1754653678a2625017.html"title='三星手机一键禁用系统APP，支持S10E,S10,S20,Galaxy S21 Ultra 5G等' aria-label='三星手机一键禁用系统APP，支持S10E,S10,S20,Galaxy S21 Ultra 5G等'><span class="sptit">三星手机一键禁用系统APP，支持S10E,S10,S20,Galaxy S21 Ultra 5G等</span></a></li><li><a href="/biancheng/1754668032a2626871.html"title='谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA）' aria-label='谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA）'><span class="sptit">谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA）</span></a></li><li><a href="/biancheng/1754679459a2629284.html"title='玩机进阶教程-----手机恢复出厂 误删除照片视频 误刷机后 几种数据恢复操作步骤解析【一】' aria-label='玩机进阶教程-----手机恢复出厂 误删除照片视频 误刷机后 几种数据恢复操作步骤解析【一】'><span class="sptit">玩机进阶教程-----手机恢复出厂 误删除照片视频 误刷机后 几种数据恢复操作步骤解析【一】</span></a></li><li><a href="/biancheng/1754703270a2635397.html"title='Windows 10 自带App无法使用，打开闪退' aria-label='Windows 10 自带App无法使用，打开闪退'><span class="sptit">Windows 10 自带App无法使用，打开闪退</span></a></li><li><a href="/biancheng/1754732027a2638024.html"title='面向次世代的Windows App SDK 近况' aria-label='面向次世代的Windows App SDK 近况'><span class="sptit">面向次世代的Windows App SDK 近况</span></a></li><li><a href="/biancheng/1754747764a2639412.html"title='Uni-app 跨端开发指南：一次开发，多端运行' aria-label='Uni-app 跨端开发指南：一次开发，多端运行'><span class="sptit">Uni-app 跨端开发指南：一次开发，多端运行</span></a></li><li><a href="/biancheng/1754762849a2640806.html"title='安卓手机照片误删怎么办？几种实用的恢复方法' aria-label='安卓手机照片误删怎么办？几种实用的恢复方法'><span class="sptit">安卓手机照片误删怎么办？几种实用的恢复方法</span></a></li><li><a href="/biancheng/1754783067a2643299.html"title='英文ppt怎么翻译成中文？教你几种ppt翻译方法' aria-label='英文ppt怎么翻译成中文？教你几种ppt翻译方法'><span class="sptit">英文ppt怎么翻译成中文？教你几种ppt翻译方法</span></a></li><li><a href="/biancheng/1754797346a2644716.html"title='分析国内App推广渠道和方法' aria-label='分析国内App推广渠道和方法'><span class="sptit">分析国内App推广渠道和方法</span></a></li><li><a href="/biancheng/1754845512a2648161.html"title='APP使用QQ登录' aria-label='APP使用QQ登录'><span class="sptit">APP使用QQ登录</span></a></li><li><a href="/biancheng/1754861607a2651135.html"title='app怎么获取root权限，app如何获取root权限' aria-label='app怎么获取root权限，app如何获取root权限'><span class="sptit">app怎么获取root权限，app如何获取root权限</span></a></li><li><a href="/biancheng/1754877761a2653948.html"title='Linux系统中查询日志的几种用法总结' aria-label='Linux系统中查询日志的几种用法总结'><span class="sptit">Linux系统中查询日志的几种用法总结</span></a></li><li><a href="/biancheng/1754896122a2655459.html"title='浅谈短视频APP的发展趋势' aria-label='浅谈短视频APP的发展趋势'><span class="sptit">浅谈短视频APP的发展趋势</span></a></li><li><a href="/biancheng/1755036474a2662378.html"title='【教程】win11如何解决Adobe出现This unlicensed Photoshop app has been disabled.问题' aria-label='【教程】win11如何解决Adobe出现This unlicensed Photoshop app has been disabled.问题'><span class="sptit">【教程】win11如何解决Adobe出现This unlicensed Photoshop app has been disabled.问题</span></a></li></ul></div></div><div class="fzithome-com clear"></div><div class="widget widget_tags"><h4 class="bar">标签列表</h4><ul><li class="submenu"><a target="_blank" href="/tag/244935.html">作为无线</a></li><li class="submenu"><a target="_blank" href="/tag/244890.html">一个用户</a></li><li class="submenu"><a target="_blank" href="/tag/244874.html">掌握彻底</a></li><li class="submenu"><a target="_blank" href="/tag/244830.html">数字故宫</a></li><li class="submenu"><a target="_blank" href="/tag/244815.html">机不显示</a></li><li class="submenu"><a target="_blank" href="/tag/244770.html">高效地使</a></li><li class="submenu"><a target="_blank" href="/tag/244769.html">装插件</a></li><li class="submenu"><a target="_blank" href="/tag/244761.html">也检测不</a></li><li class="submenu"><a target="_blank" href="/tag/244721.html">盘病毒</a></li><li class="submenu"><a target="_blank" href="/tag/244712.html">内存签名</a></li><li class="submenu"><a target="_blank" href="/tag/244709.html">战绩数据</a></li><li class="submenu"><a target="_blank" href="/tag/244694.html">的显卡驱</a></li><li class="submenu"><a target="_blank" href="/tag/244675.html">是网络问</a></li><li class="submenu"><a target="_blank" href="/tag/244671.html">淮海中路</a></li><li class="submenu"><a target="_blank" href="/tag/244622.html">接口能提</a></li><li class="submenu"><a target="_blank" href="/tag/244601.html">它可以帮</a></li><li class="submenu"><a target="_blank" href="/tag/244591.html">字幕型</a></li><li class="submenu"><a target="_blank" href="/tag/244565.html">前台窗口</a></li><li class="submenu"><a target="_blank" href="/tag/244482.html">修复隐藏</a></li><li class="submenu"><a target="_blank" href="/tag/244473.html">为视频盗</a></li></ul></div><div class="fzithome-com clear"></div></div></div>