最近在负责公司内的车载项目，所以有机会入局车载赛道。随着造车新势力，车联网的赛道发展越来越快。到2021年为止全国汽车保有量超过100万辆的城市共有72个，与去年同期相比增加5个。，国家要求未来汽车要实现50%的智能车联，现在头部的蔚来、小鹏、理想，还有国产品牌的吉利、比亚迪、长城、东风。我们国内造车甚至可以超越合资车。我对未来车联网还是很看好的。今天就跟大家聊聊现有的车载屏幕演变过程，以及现在市面上车载屏幕，和车载系统的特点。
首先先普及下HMI的概念
HMI：- Human Machine Interface : 人机界面，现在多指车载交互系统体验设计。
既然说到人机界面，我们先来设计的载体是如何演变的。
1886 年，由卡尔·本茨发明的第一辆汽车。当时根本就没有所谓的仪表盘概念，所以载体还得从1908年T型车（Ford Model T）说起，到2012年划时代的特斯拉Model S，汽车仪表盘目前经历四代。
1、第一代:以按键为主
机械式仪表盘: 第一个时代仪表盘为机械芯仪表，一般包含了车速里程表、转速表、机油压力表、水温表、燃油表、充电表等，之后汽车仪表还需要装稳压器来稳定仪表电源的电压，抑制波动幅度，保证汽车仪表的准确性。初代的汽车仪表盘主要以传统的热式和动磁式，显示的信息极为有限，更多的是车辆物理信息“通信员”的角色。
在机械时期中控台哪有什么屏幕可言，那时候的中控台就是收音机和空调的调节器，而且都是实体按键的，只能满足驾驶的基本需求，没有屏幕，都是照搬飞机中控布局，以实体按键为主，功能简陋单一。堆砌功能按钮仪表，没有交互可言。
2、第二代：电气式仪表盘+小中控屏
第二个时代的电气式仪表盘终于诞生，从真空荧光显示屏（VFD），发展到采用液晶显示屏（LED）及小尺寸薄膜晶体管显示器（TFT），显示屏显示的信息越来越清晰、快捷。目前电气式仪表在市场的保有量最大，且一般采用机械仪表结合数字仪表的方式，例如车速、转速信息采用指针，指示灯信息采用LED等点亮，其它信息则采用TFT屏。
虽然相较于第一代机械机芯仪表增加了不少功能，汽车信息反馈也更全面更及时，但是其发展速度却明显与汽车行业不相匹配，对于更深层次的驾驶需求，电气式仪表仍无法满足。
3、第三代：全数字化仪表
汽车仪表盘领域在不断追求更新，于是划时代的全数字液晶仪表盘孕育而生，也是就我们常说的虚拟仪表盘。全数字汽车仪表盘使用了一整块液晶屏取代了传统的指针和刻度表，所有信息都通过这块屏幕显示出来。
单从外观上来看就能给人以一种比较高大上的感觉，这类仪表盘上往往没有指针等部件，所有信息都通过屏幕传递出来。功能更强大、信息显示更具逻辑性，驾驶者接受信息更快，提升行车安全。也可以根据个人喜好调整相应参数，比如比亚迪的仪表盘就可以改变背景颜色。在高级点的，像宝马的全数字仪表就可以切换N多种模式。
2007年iPhone问世后，大屏、轻薄机身、高清显示屏、可安装应用等功能引领了整个行业的革命。电动汽车行业飞速发展,智能AI和人际互联等人车交互概念也跟着兴起,对于中控台的需求和功能复杂度也跟着越发精细起来,结果就是屏幕越来越大。
2013年上市的特斯拉Model S,座舱里最惊艳的就是那块17寸的大屏。超高的分辨率和流畅的操作,和漂亮的UI设计,最初让很多美国民众疯狂。就像苹果手机颠覆了传统手机业,特斯拉也颠覆了传统汽车行业。
2014年换代的奔驰S级将两块12.3寸屏幕连在一起,合成了一块23寸大屏,比特斯拉的大屏还多出6英寸。
拜腾M-Byte,48寸巨屏,横向贯穿仪表台,再一次颠覆汽车的内饰设计。
比亚迪系列汽车的旋转大屏,玩出新花样,可以旋转控制,就像手机横屏和竖屏的场景。
纵观下来,其实不难看出,虽然汽车的中控屏幕也是往着越来越大的方向发展,但因为空间以及功能需求的不同,相比起手机来说,中控屏幕的变化更具备多样性。
4、第四代：HUD显示屏
从上世纪80年代，抬头显示技术在汽车领域已经开始被使用，直到现在才开始逐渐展露头脚。
HUD抬头显示器(Head Up Display)，又叫平视显示系统。它可以把重要的信息，映射在风窗玻璃上的全息半镜上，使驾驶员不必低头，就能看清重要的信息。
战斗机是率先应用HUD抬头显示器的。飞行员在空战中，需要交替观察舱外目标和舱内仪表，易产生瞬间视觉中断，因此会导致反应迟缓、操作失误，并有可能贻误战机，采用HUD抬头显示可克服这一缺点。
第一架使用HUD抬头显示的飞机是美国海军的A-5舰载机。民用航空最早使用HUD抬头显示是法国达索飞机公司的mercure飞机。
在复杂多变的道路上开车，驾驶员双眼离开车辆前方，是个非常危险的事情，尤其是在高速公路上更是明显。于是很多车型，就给车辆配备了一个不需要挪开视线，就能知道车辆基本信息的配置，这就是HUD抬头显示。
HUD作为一款新技术，优势显而易见。当驾驶员需要查看仪表盘或中控台上的信息，视线至少需要转移0.3秒，而HUD投影的信息就在驾驶员平视的正前方，驾驶员可以将更多的注意力放在路面上。将驾驶体验及驾驶员对于路况信息的认知能力进行革新式升级。
现在各家系统百家争鸣，各家车载系统设计有哪些不同？
1. 阿里 斑马智行
简介：
1、阿里车载小程序是一种无需下载安装即可使用的“应用”，旨在为用户打造“随时可用”、“用完即走”的使用体验。
2、AliOS作为互联网汽车操作系统，原生地支持阿里小程序，引入阿里生态服务的同时也面向开发者开放，围绕车场景为用户提供从出行到生活的各类智慧服务。
特点：
1、设计特点：
独立的大卡片式的内容界面模块方便车主在行车过程中单手操作，其配色鲜艳，风格扁平，符合使用场景和国人的使用习惯。
2、功能特点：自带场景智能感知的基因。
得到车主授权后，车载小程序可以围绕行车场景，实现上车前、行车中、下车后自然串联的智能化场景服务。
用户可以在车上通过触控、语音、手势等多模态交互方式，咨询附近的推荐餐厅，小程序会基于用户的喜好作出推荐，还可以预约排号；到达餐厅附近，系统会自动唤醒小程序，为用户找到停车场；下车后，车载小程序会无缝连接到手机小程序端，用户可以在手机上查看餐厅的预约信息等。
△ 斑马智行2.0系统设计
斑马智行，采用智能手机界面和应用商城下载 APP 的使用方式，实现车载和手机的双重控制。
强大的云端特性在语音识别和线上互联方面提供了良好的使用体验，车主可以连接手机蓝牙后，读取其手机通讯录，实现利用车载系统拨打和接听电话的功能。支持 USB 接口，通过 U 盘实现播放音频、视频文件等。在娱乐生活方面，内置虾米音乐，蜻蜓FM，喜马拉雅等，支持在线搜索，在线播放以及在线广播等服务。
同时，斑马智行依靠阿里强大的技术和资源支持，打通停车场，加油站，高速公路支付等，使用户驾车时产生的费用均能通过支付宝支付。
2. 百度 Car Life和Apollo
简介：
1、打造智能车载服务生态，满足用户出行、娱乐、生活等多元化需求，构建人-车-家一体化互联闭环成为时代趋势。
2、智能小程序，是百度提供的一种技术解决方案。开发者基于此开发出来的服务，在各类宿主环境（手机 App、车载系统、IOT 设备等）中，可做到用户无感知安装，即点即用。
特点:
1、设计特点
车载端主界面分别采用蓝、绿、红、灰四个色块对应四个功能模块，「发现」集成音乐、娱乐、听书、电台等特色音视频服务，采用红色在界面中最为突出，其设计风格整体扁平，面性 icon 利于识别与点击。
2、功能特点
智能小程序包括“车后服务”、“资讯”、“休闲游戏”、“视频”、“购物”、“亲子”、“旅游”、“工具”等8个类别，一共80多款。车企可以根据车型定位和自身需求自行定义和组合可供使用的车载小程序。
百度的车载小程序大部分场景下还是只能依靠用户用语音唤醒，但在生态的开放性上，百度车载小程序则做得更为彻底，可以在百度App、百度地图、百度贴吧、百度网盘百度系App上运行。
3. 腾讯 Ai in Car
简介：
1、“腾讯小场景”是专为出行场景打造的车载轻应用生态，部署在云端，不需要下载，即用即走，并支持语音交互。
2、分为3类，出行服务小型车、生活服务小程序和视听服务小程序。
特点：
1、设计特点：
运用的FutureLink3.0系统，FutureLink3.0 基于安卓平台开发，在 12 英寸的中控屏幕上并没有将大量的图标堆砌在首页，反而以地图为背景，将六大功能模块以大板块的形式布局在地图下方，整个界面设计简洁。
2、功能特点：
最大特色：基于位置和场景会被自动唤醒。比如用户经过加油站、停车场、旅游景点的时候，有些购买和支付的服务就会主动弹在车机上，用户再通过语音完成操作。
手机小程序是“人找服务”，那么腾讯车载小程序则进化成“服务找人”。
△ 腾讯在车载场景下的生态布局
Ai in Car，顾名思义，基于 AI 的连接能力和生态，融合腾讯内容生态的优质资源，包括资讯、视频、IP、文学等板块，为车主提供更丰富的内容消费。风行搭载的 FutureLink3.0 车联网系统，就是和腾讯深度合作而诞生的优质案例。
△ FutureLink3.0系统界面
只在设置页中，才会出现二级子菜单列表，而且提供的设置项目也不多，界面层级简单，不累赘，也给司机带来轻松愉悦的操作体验。同时，基于行车安全考虑，在类似天气、股票等查询功能上，比较依赖语音控制。在娱乐生活方面，打通手机和车机账号，用户无需切换账号就可以与车载导航、电台、QQ音乐、微信等功能无缝衔接，支持车主组建聊天组，在行车途中与好友进行实时沟通。
从整体来看 FutureLink3.0 的设计，它更像是一个把需求页面展现在车主面前的「轻应用」，没有传统概念上的主界面、多层交互菜单以及相应的「系统特质」的设计，它更希望把海量资源建立在云端，终端只给车主呈现其所需要的服务即可。
4. 谷歌 Android auto
简介：
Android Auto 系统的工作原理是将手机连接到兼容的汽车，让驾驶员可以使用汽车屏幕和语音操作与手机的应用程序进行交互。它提供了一种导航、收听媒体和消息等的简单方法。
特点：
1、设计特点：
在 UI 框架设计方面，主屏幕以卡片的形式显示通知、活动、导航和消息，右下角有启动语音命令的麦克风图标和底部的活动栏，这些特性属于全局 UI。在它下方，应用程序内容区域显示应用程序启动器或当前使用的主应用程序的内容。
△ Android auto手持设备与车载设计系统
Android auto 将 Android 平台扩展到汽车上，它有两种使用方法：在手机上或在兼容的车载屏幕上。
它有一个简单的界面，标准化的用户交互模型和强大的声音动作，其目的是帮助司机尽量减少分心。需要注意的是，为汽车设计交互式应用程序与手持式设备的设计有根本上的不同，其应用程序的交互界面应该简化，以确保司机的眼睛和手集中在开车上，减少司机分心。
△ Android auto车载系统UI框架
卡片上提供如消息字符串、图标、图形和操作等内容，会根据用户最近的使用情况和优先级来确定卡片的大小。主屏幕会限制卡片的数量，以保持列表的简短和相关。因此，当新的、更相关的内容出现时，应用程序的通知可能会从屏幕上消失。同时，抽屉式的交互方式，提供了简单的操作和导航。每个抽屉项目必须提供一个单一的触摸目标，避免在抽屉里放长的列表，或者在相同内容的视图之间切换。这里官方给出的最佳
UI 做法是简化内容，关注上下文，显示新鲜的、有用的和大多数不滚动的项目，使用单行，对决策至关重要的较长字符串使用两行。
5. 苹果 CarPlay
简介：
CarPlay 车载系统旨在令用户通过汽车制造商之原生车载系统来使用、操控iOS设备并发挥其功能。该产品的首个版本计划于2014年发布，最早出现在一些制造商的汽车展览上。
特点：
1、设计特点：
基于手机映射，所以界面除了横向布局外，icon都和手机端统一。以简洁的布局提供有用的、重点突出的信息，便于从驾驶员座椅上进行扫描。不要用不必要的细节和不必要的装饰来弄乱屏幕。
在整个应用程序中保持整体一致的外观。一般来说，具有相似功能的元素应该看起来相似。
2、功能特点：
作为车内辅助、操作、娱乐的中心，Carplay 可以直接连接到汽车中控的触摸屏上，提供基于 iOS 的相关的服务和应用。Carplay 的整体设计围绕着车内驾驶这一使用场景，而它的设计原则也围绕着这一场景来规划：
全新的电子车钥匙，加上 Apple CarPlay 车载流畅的使用体验，让 iPhone 能在旅途上发挥更多作用。地图、电话、信息、音乐、日历、一言、一触、一旋随你驾驭。
6、华为车机应用
简介：
HMS for Car是华为终端云服务打造的智慧车载云服务解决方案，基于HMS（Huawei Mobile Services），通过AI场景引擎结合华为生态资源，为用户提供精准丰富的出行场景内容和服务，助力汽车从交通工具向具有交互和服务的能力的智能终端进化。
华为快应用是一种基于行业标准开发的新型免安装应用，其标准由主流手机厂商组成的快应用联盟联合制定。开发者开发一次即可将应用分发到所有支持行业标准的手机运行。
HMS Core提供端、云开放能力，帮助开发者实现应用高效开发、快速增长、商业变现，使能开发者创新，为全球用户提供精品内容、服务及体验。
1、全球化分发。已上线超过170+国家和地区。
2、全终端接入。全面支持从小屏幕到大屏幕各种智能终端。
3、全场景支持。快应用直达链接和卡片嵌入全终端场景。
特点：
1、设计特点：
在交互界面上，Carplay和Carlife由于使用的投屏方式，主界面依然是一个个的APP图标，需要点击启动进入后才能使用。笔者认为采用这样移动端过于笨重的交互方式并不适用于车载场景；HUAWEI HiCar的设计理念是”安全便捷、自然舒适、智能贴心“,
对车载端的人机交互要素重新布局规划设计，采用桌面卡片的设计方式，以满足复杂驾驶状态下的使用需求。
桌面卡片是应用内容和功能特性的重要载体，用户通过对卡片的快捷操作直达应用的核心功能，提升交互的便捷性。应用可通过接入 HUAWEI HiCar 桌面卡片的方式呈现最核心的功能和服务，并根据自身的需求特性，自行组合卡片元素以满足不同场景下的用户诉求。
2、功能特点：
华为智慧助手，可结合用户使用场景，以卡片形式推送提醒、服务和行程，实现智慧化服务找人。例如，送孩子上学时，车机端华为智慧助手将自动推送”有声续播”卡片，用户点击卡片，即可一键续播孩子在华为手机上没听完的有声儿童内容；用户在开车下班回家路上，进入离家500米范围内时，车机系统可自动启动”回家模式”，提前打开家中的窗帘、空调等设备，方便用户享受惬意生活。
My Car功能面向车企开放华为手机等智能硬件系统级入口能力，能够实现远程控车、查车、汽车服务/告警关键信息等反向推送能力。远程控车功能，可以满足用户高频控车诉求，例如，远程开关空调、寻车、查看门窗状态等。另外，当车辆胎压不足、门窗未关闭时，用户也能通过手机、车机及时收到提醒。
1、阿里Alios开放平台
https://miniapp.alios.cn/index#/document
2、百度车载生态开放平台
https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html
3、腾讯-车载小场景（私我领取PDF）
4、谷歌驾驶
https://developers.google.com/cars/design/design-foundations
5、苹果apple car play
iOS – CarPlay 车载
6、华为车机三方应用交互设计规范
https://developer.huawei.com/consumer/cn/doc/50902#h2-1587181522014
参考来源：
你真的了解车载显示屏吗?一文读懂汽车中控屏幕发展历史
http://www.woshipm.com/ucd/896089.html
https://www.qctt.cn/index/news/show/id/573724
http://mp.ofweek.com/instrument/a045683023236
做人要厚道,转载请注明文章来源: http://www.boxui.com/ued/design-idea/51281.html}

2023-03-16 19:22 来源: 读懂财经研究所
原标题：不得不发布的文心一言
今天，百度在北京总部举办新闻发布会，发布了他们的AI生成式产品文心一言。这是继OpenAI发布ChatGPT后，中国第一款生成式语言大模型产品。
值得一提的是，此次产品发布，距离百度官宣文心一言产品仅一个多月的时间。即使对AI领域深耕多年的百度来说，这样的发布节奏仍然多少有些仓促。
在这场万众期待的大会中，文心一言的种种功能展示全部通过提前录制的视频实现，完全没有现场的体验。就在百度发布会的前一天，Open AI发布了多模态预训练大模型GPT-4，在识图能力、文字输入限制、回答准确性以及能生成创意文本、歌词等方面都有突破。
对比之下，就连李彦宏也在发布会上坦言，文心一言的能力不能叫做完美。放在资本市场，文心一言的表现显然很难得到投资人的认可。自下午两点发布会召开后，百度股价开始迅速下跌，最大跌幅一度超过10%，最终收于124.6港元，较前一日收盘下跌6.74%。
为什么冒着这样的风险，百度仍然要毅然决然地快速上线文心一言？一个很重要的原因是，在这场中国Open AI的军备竞赛，百度别无退路。
/ 01 /ChatGPT撼动百度基本盘
在很多人看来，ChatGPT的出现几乎就等于敲响搜索的丧钟。按前谷歌第23位员工、Gmail的创建者之一Paul Buchheit的说法，像ChatGPT这样的人工智能聊天机器人将摧毁谷歌，就像当年搜索引擎彻底干掉黄页电话簿一样。
不过客观来说，ChatGPT想要完全替代搜索的价值还言之尚早。原因在于，ChatGPT无法独立满足用户需求。中信研报经过大量测试后发现，如果提出的问题较为模糊或者本身包含部分错误信息在内，ChatGPT有可能提供错误回答。此外，由于技术限制，ChatGPT无法做到搜索引擎一样的实时性。
但即使如此，ChatGPT对搜索的冲击仍然是巨大的。从目前看，ChatGPT所体现强大的逻辑性能够满足部分用户对信息获取的需求，在教育等特定场景里替代搜索的作用。考虑到ChatGPT上线两月，月活就超过1亿的用户体量，其对搜索流量分流的影响不可估量。
恰好搜索又是百度绝对的基本盘。在百度现有业务结构里，搜索引擎带来的广告收入占其核心收入的比重高达四分之三。考虑到长视频和云计算行业普遍亏损的现状，搜索可能是百度目前百度唯一能够实现规模化盈利的业务。
换言之，搜索引擎流量一旦被ChatGPT分流，必然导致其商业价值下降。这也是为什么百度迅速响应推出类产品文心一言的重要原因。
当然，对于百度来说，推出文心一言的价值并不仅仅在于防御，更在于进攻。作为为数不多以技术为核心的互联网现象级产品，ChatGPT的出现也成为了百度AI战略的“救命稻草“。
/ 02 /AI战略找到“救命稻草”
All in AI，是百度过去十年间最重要的战略。
以2013年建立美国研究院为起点，百度在AI方向上的探索长达10年，研发投入超过千亿。这也让百度长期以来一直是互联网行业研发投入最多的公司。2022年，百度研发费用占比18.8%。而阿里、腾讯、美团最新的研发投入占比分别约为6.4% 、10%和8%。
令人遗憾的是，持续巨大投入的情况下，AI却几乎没有给百度带来可观的商业回报。一个很直接的原因是，AI作为一种提升效率的方式，始终没有足够大的变现场景。
当年消费级明星产品小度音箱的市场规模不过七八十亿，自动驾驶虽然想象空间巨大，但离最终落地可能永远都差在十万八千里。今年1月，根据《科创板日报》报道，百度智能驾驶事业群（IDG）正在进行人员裁撤，并且裁撤比例较大。
目前看来，AI战略投入与产出的巨大反差，给百度带来了很多压力。在这种背景下，ChatGPT横空出世，也为百度AI战略找到了“救命稻草“。
要知道，ChatGPT可是名副其实的现象级产品。作为互联网历史上用户增长最快的应用，ChatGPT上线两月，月活用户就超过1亿。更重要的是，ChatGPT也是互联网行业为数不多以AI数据为核心的产品。此前移动互联网产品成功与否更多取决于用户理解以及运营策略，而这恰恰不是百度所擅长的。这也是百度在移动互联网举步维艰的重要原因。
从这个角度上说，ChatGPT作为一个以AI技术为核心的产品，很适合长于技术，弱于运营的百度。
尤其百度在AI领域也有比较多的技术积累。就拿自然语言处理大模型技术来说，这是ChatGPT所运用的核心技术，即通过大模型进行多次预训练，ChatGPT可逐渐实现拟人化回答。
而百度已经进行过类似技术的探索，百度的文心大模型ERNIE，可以对产品进行训练，达到拟人化回答的效果。加上百度搜索引擎多年沉淀下来的数据可以喂给产品，让产品有大量数据去训练，提高产品力。也正因为如此，百度在ChatGPT类似产品上的探索进步神速，从官宣到发布仅用了不到1个半月的时间。
虽说布局领先，但也不见得百度能够成为最后的胜利者。因为在互联网的商业世界，技术从来不是影响商业战局走向的关键。
/ 03 /李彦宏迷失在技术商业里
按理说，百度要钱有钱，要技术有技术，要场景有场景。中国版ChatGPT这事没人比百度更合适。但即使百度已经率先推出文心一言，大家心里还是对百度打赢中国Open AI军备竞赛这事心里还是没底。
原因无它，百度已经很长时间没有交出真正意义上创新的产品。无论是早年的百度糯米、百度地图，还是如今的信息流产品、短视频和小程序，甚至智能音箱，百度几乎都是跟随者的角色。上一个真正意义上创新的产品，可能还要追溯到几乎淡出大众视野的百度贴吧。
对于百度创新能力缺失的说法很多，比如搜索模式的暴利，让百度只会躺着数钱，彻底失去创新能力。但了解百度的人都知道，百度在移动互联网时代没落的故事可以讲100条逻辑，但如果没归到李彦宏身上，那都是盲人摸象。李彦宏在采访中也说过，百度的所有好和不好，都要归结到他身上。
作为一个技术出身的创始人，李彦宏对技术有着特有的执着，体现在其对技术的重视远远超过对技术应用前景的重视。尤其当百度面临移动互联网全面落后的尴尬局面，他本能地选择“All in AI”，试图通过持续的技术投入弥补产品端创新力的缺失。
回过头来看，这也是百度在搜索成功的一种延续。当年，百度的崛起固然是吃到了谷歌退出中国的红利，但不得不承认的是，百度深厚的科技人才储备也是其最后能够脱颖而出的关键。就连张一鸣都曾经说过，顶尖的算法工程师都在百度，维护百度凤巢系统的有一千多人，头条只有十几个。
但商业世界难就难在，并非计算机二进制里只有简单的0和1。同样是搞技术出身马化腾，也是在经历过3Q大战才明白一些东西的。
李彦宏不是没想过改变。当年，阿尔法狗大火，有记者提问，百度什么时候能做出一个阿尔法狗这样性感的事情？李彦宏说，百度最主要的资源应该放到更加有市场前景的方向上，而不是做一个下围棋的机器人。
今年1月，他也曾说过这样一段话，“很多时候出于个人能力局限，还是我们体制、机制的局限，导致一些技术同学做的事儿离市场很远，很多时候是自嗨。”
但从目前看，李彦宏和他的百度仍然没有找到技术与商业化之间的平衡点。近年来，百度始终试图从实验室走向商业化落地，并在智能音箱、云计算以及自动驾驶领域做了诸多尝试，但均成果寥寥。
当百度不断在探索AI的商业化落地的时候，颇具讽刺意味的是，今天的ChatGPT恰恰是一个非盈利组织做出来的，没有收入，估值290亿美金，比现在百度市值的一半还多。
人和企业的命运真的是一件有趣的事情。
返回搜狐，查看更多
责任编辑：
}

1. 在智能小程序官网-流量配置-贴吧推广管理中，填写小程序名称，Appid, Appkey 申请开通功能使用权限
2.在自己的小程序中设置“分享到贴吧”按钮，如下图示例
3.给“分享到贴吧”按钮添加bindtap事件，如下
callTieba() { // 自定义名字即可
let data = {
third_app_id: 'balabala', // 历史原因，这里传入的是小程序的key，非小程序id
third_app_name: '小程序名字', // 小程序名字
third_app_avatar: 'https://api.steam.pyjyz.com/x-logo.jpg', // 小程序logo
third_app_pic: 'https://api.steam.pyjyz.com/x-tuiguang.jpg', // 发帖时展示的预览图片，可根据分享的不同页面定制
third_app_link: '/pages/home/home' // 点击小程序分享帖后具体要跳入的小程序页面。
}
let dataStr = encodeURIComponent(JSON.stringify(data)); // 序列化一下
swan.navigateToSmartProgram({ // 调用小程序的api
appKey: 'flFqXclepWs7RdugAszy9eERL7G5dS0I', // 固定的，不要修改
path: `/pages/frshistory/frshistory?extradata=${dataStr}`, // 固定的，不要修改
extraData: {
from: 'yourappname' // 小程序标识，统计用的，请尽量使用英文数字，不对中文兼容
},
success(res) {
// 打开成功你的回调
}
})
}
}