【声明】关于六久阁私自出售我公司dedecms小程序插件声明
发布时间:2023-09-07 17:03:36查看:0demo对接流程 
1、注册小程序账号
使用小程序的前提是必须先去注册小程序账号(也可以直接使用测试号,但是功能首先),
百度小程序注册地址:https://smartprogram.baidu.com
微信小程序注册:https://mp.weixin.qq.com
抖音小程序注册:https://developer.open-douyin.com/
快手小程序注册:https://mp.kuaishou.com/
...
注册之后登录小程序,找到设置地地方获取一下小程序的appid,appsecret(百度有个appkey),同时找到设置---开发设置---服务器域名,必须添加一下自己的域名



2、下载小程序开发者工具
注册好小程序之后,直接下载对应的小程序开发者工具,然后导入我的demo,导入之前必须先安装各自的开发者工具。
百度小程序开发者工具下载地址:https://smartprogram.baidu.com/docs/develop/devtools/history/
微信小程序开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
字节跳动开发者工具下载地址:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/overview/
.....

3、导入小程序demo(以微信小程序为例)
(1)打开微信小程序开发者工具,点击导入,导入demo
(2)开发者工具右上角“详情”打开,修改为自己的信息


另外:详情---本地设置---基础库设置,里边的基础库版本改成合适的,即不要太低,但也别太高就行,如果域名没有安装ssl或者本地测试,下边可以勾选上“不校验合法域名“


4、小程序配置
(1)基础配置,打开appi.js最上面,配置小程序基础信息


(2)找到app.json,配置名称


(3)配置首页index.js
配置首页之前,记得先进行一次清楚缓存重新编译工作
小程序首页index.js使用了一个批量请求接口,即一次请求,就可以获取首页用到的全部数据,所以只需要看首页的toplist方法



(4)调试
正常配置了以上信息之后,正常首页就会出现对应的信息了,但是总有意外,如果出现无法显示界面的情况,可以进行简单调试
工具栏“调试器”----network---XHR---找到首页的请求,点击展开,找到Preview,展开里边的data既可以看到接口返回的所有信息了,(首页请求地址是:域名index.php?m=api&c=index&_ajax=1&a=index)


(5)导航菜单配置
小程序demo的右上角的菜单是默认提取你的所有一级栏目的。下边的导航是同理,但是只提取前10个(数量自己控制)。
那么问题来了,如果区分你是列表页还是单页面 还是产品页呢?
app.js的最上面有个自定义路由,就是专门为了解决这个问题的。

全局默认的列表页样式是3,即左图右文格式,默认的列表页是/pages/list/list,diylist的就是为了定义一些不是默认的列表情况。
  1. {'typeid':栏目id,'url':'页面(为空表示默认url)','listtype':'列表类型(单页面为空)','ispart:'0列表,1单页'}, 
注意(1)listtype是列表类型,1是文字列表,2是图片列表,3是图文列表,4是三图图文列表...,具体可以去template/list.wxml自己规定
(2)ispart是表示是不是单页面,默认0表示列表,1表示单页面
(3)url可以不填,不填则默认为list
(4)如果一个栏目的父栏目规定了,那么他的子栏目也会按照父栏目样式,如果子栏目想单独规定,只需要给子栏目添加一个规则即可,

(6)自定义表单设置
/pages/formguide/formguide即为自定义表单页面,只需要自己去写一下前端即可,格式为:
  1. <view class='form_input'
  2.      <input type='text' placeholder="姓名" name='attr_26' value='' /> 
  3.  </view> 
  1. <input type='text' name='typeid' value="69" hidden='{{true}}' /> //此处千万不能忘记写,对应你的栏目id
其中的attr_26对应你后台表单的自定义字段的id,获取方式:后台---功能地图---模型管理---留言模型---属性管理---标签调用。


(7)其他问题

整理中




版权声明:本文为原创文章,未经允许不得转载。https://doc.tengcee.com/eyoucms/eyoupeizhi/264.html
上一篇:第一页
下一篇:uniapp对接流程

服务热线

15137100750

我知道你不会打


但是我还是要写


你懂得!

微信二维码

QQ群二维码