美文网首页
小程序开发总结(持续更新)

小程序开发总结(持续更新)

作者: wan7451 | 来源:发表于2018-06-04 10:55 被阅读19次

2018/06/05

开发工具

  1. 新版本的开发工具,右上角增加了素材管理的功能。
    所谓的素材管理,主要是项目中的图片管理。
    小程序安装包的大小,很大程度是依赖图片文件的大小的。图片太多,会导致小程序首次打开慢,因为需要下载安装包。图片体积小,安装包就相对小一些。所以项目中的图片最好先用图片压缩工具压缩下,再放入项目中。
    也可以将部分图片放在网络中,当需要的时候,再下载下来。素材管理功能,就是把图片存储在腾讯云的存储服务器上。使用的时候,通过CDN加速下载到项目中
    详细介绍及免费额度、收费情况参考

  2. Debugger
    a. 手机Debug需要扫远程调试二维码,扫之前要把已安装的开发版删除,否则进不了Debug模式。这个Bug有个版本修复了,但最新的版本有出现了。
    b. 添加断点的时候,只需在要调试的地方插入一行代码即可。

debugger
  1. 有时提示 "request:fail url not in domain list"
    出现这个提示有2种情况:
    a. 没有配置 request 合法域名。
    b. 内网调试的时候,域名不是合法域名,只能开发者自己使用,不校验的钩子勾上也没用。

2018/06/04

小程序客服自动回复

以下内容为总结,细节参考文档
主要的实现思路:
在客服聊天中,微信后台会将用户发送的内容转发到配置在小程序后台的url中。后端开发从该url中取出内容后,处理业务逻辑,再调用wx发送接口,将业务结果发送到客服聊天中。

具体步骤:

  1. 配置url,并验证接口
  2. 接收消息
  3. 处理业务逻辑,发送消息

2018/05/30

Template 与 Component

  1. 列表的 item 推荐用template来渲染,因为不需要大量的业务逻辑,仅展示页面数据。
  2. template 中渲染的数据,推荐放在同一对象中,方便在别处复用。
<template name="commentCard">
  <view class="comment_container">
      <image class='comment_avatar' src="{{comment.avatar}}" background-size="cover" />
      <view style='width:100%'>
        <view class="comment_nickname">{{comment.nickname}}</view>
        <view class="comment_content">{{comment.content}}</view>
        <view class="comment_other">{{comment.ctime}}</view>
      </view>
  </view>
</template>
  1. 推荐将 template的 wxml与wxss 放在同一目录下,方便编辑、引用。


    wxml与wxss 放在同一目录下
  2. 如果有 多处复用的、复杂业务逻辑的UI,推荐使用Component。因为Component有自己的生命周期,能处理复杂的业务逻辑,还有一些列天生的功能属性来方便开发者复用。
    如何使用请操作官方文档,网上搜结果的不如自己一字一句地读文档

模板消息

模板消息是微信推出的类似推送的功能。

  1. wx小程序无法发出模板,因为 出于安全考虑,api.weixin.qq.com 不能被配置为服务器域名,相关API也不能在小程序内调用。
  2. 不要以为就没有前端的事了。

步骤二:页面的 <form/> 组件,属性report-submittrue时,可以声明为需发模板消息,此时点击按钮提交表单可以获取formId,用于发送模板消息。或者当用户完成支付行为,可以获取prepay_id用于发送模板消息。

相关文章

网友评论

      本文标题:小程序开发总结(持续更新)

      本文链接:https://www.haomeiwen.com/subject/xsbtsftx.html