1、以用户的角度出发:设计的小程序交互功能要以用户使用时的体验为主导,即要考虑对普通用户来说友好易用,容易上手;
2、功能交互学设计:在开发小程序交互功能时,应该将功能性有机结合起来,实现既能节省 *** 作步骤,又能满足用户需求的互动效果;
3、交互内容管理:应该清楚小程序交互功能所涉及到的页面内容、页面展示和页面交互,对交互功能的内容进行划分,获得更佳的搭配结果;
4、交互结构设计:合理设计交互功能结构,把交互功能模块化,形成一个稳定且可 *** 作的结构,有利于更好地实现交互效果。
功能已通过原生+vue混合开发的方式实现了,现需要将这个功能原封不动的搬到微信小程序。综合各方面评估,选择了微信小程序套webview的方式实现(若时间允许,建议还是通过小程序实现)。
采用小程序webview的方式,可以复用大部分H5页面,但H5调用的原生方法还是需要重新实现。实现方式主要分以下几种情况(当然也可以通过jssdk的方式去实现 https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 ,但不在本文讨论范围内):
(1) 获取照片,可通过html的input标签实现;
(2) 获取经纬度,可通过webview的url拼接参数实现;
(3) 人脸识别,可通过H5调起刷脸小程序的方式实现。
下面主要描述下第3种情况的实现方式。
H5与小程序交互所涉及的数据部分主要包括两块:
(1)H5如何将数据传给小程序?
url参数拼接。
(2)小程序如何将数据传给H5?
wx.setStorage及wx.getStorage。
详细流程如图所示。
webview小程序pageA调起人脸小程序pageB,pageB回退到pageA。因为pageA重新设置了webview的url,其所嵌套的H5与历史H5页面无法进行数据共享,导致业务功能无法继续。解决办法就是调起人脸小程序之前,在H5页面先将必要的信息通过 localStorage.setItem 保存,人脸识别结束回到H5页面时,再通过 localStorage. getItem 获取所需要的业务数据。
云小友是一款可定制的微信小程序,主要为企业和组织提供在线客服服务和营销能力。下面是使用云小友小程序的基本步骤:1. 下载并安装云小友小程序,或者搜索“云小友”进入微信小程序。
2. 注册并登录云小友,创建自己的客服系统。
3. 在客服系统中配置对话流程模板、问答库、账号设置等信息。
4. 将小程序嵌入到企业的官网或社交媒体平台上,让用户可以通过小程序与客服进行在线沟通。
5. 根据企业的营销目标和用户特征,运用云小友的数据分析和营销工具,制定营销策略,提高用户满意度和参与度。
需要注意的是,使用云小友小程序前,最好先了解小程序的功能和优势,根据自己的需求来选择合适的版本和服务方案。如果有任何问题和困惑,可以参考云小友的官方文档和支持论坛,或者联系在线客服寻求帮助。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)