Skip to content

gaoding-inc/editor-miniprogram-sdk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

小程序 SDK 使用指南

支付宝/淘宝小程序文档

安装 SDK

npm安装,微信官方 npm 文档

npm i @gaoding/editor-miniprogram-sdk

在你的页面 page.json 中添加

{
  "usingComponents": {
    "editor-miniprogram-sdk": "@gaoding/editor-miniprogram-sdk"
  }
}

不使用构建工具序安装,拷贝仓库中 components 下的文件到项目中的放组件的目录,同样需要在页面配置json中声明

{
  "usingComponents": {
    "editor-miniprogram-sdk": "../../components/editor-miniprogram-sdk/editor-miniprogram-sdk"
  }
}

其他第三方框架引用

参数

字段 类型 说明 示例
currentPage String 当前访问页面 templates/design/complete
thirdPartyUserCode String 授权信息,第三方账号接入, 详情见下方文档 5e0818ee84d9453db6b4a4c3895a269c
thirdCateId String 分发渠道 ID(数据源) 112
templatesPage? String 模板中心路由(用于在 webview 跳转) wx.miniprogram.navigateTo('/pages/templates/templates')
designPage? String 编辑页路由 wx.miniprogram.navigateTo('/pages/design/design')
completePage? String 完成页路由 wx.miniprogram.navigateTo('/pages/complete/complete')

访问模板中心

currentPage = templates 时

<editor-miniprogram-sdk
    templatesPage="/pages/index/index"
    designPage="/pages/design/design"
    completePage="/pages/complete/complete"

    thirdPartyUserCode="{{thirdPartyUserCode}}"
    thirdCateId="112"
    currentPage="templates"></editor-miniprogram-sdk>

访问编辑页

currentPage = design 时

字段 类型 说明 示例
templateId String 模板ID/作品ID 124567
mode String id 为作品 ID 时值必须为 user
id 为分发渠道模板时值必须为 company
company/user
<editor-miniprogram-sdk
    templatesPage="/pages/index/index"
    designPage="/pages/design/design"
    completePage="/pages/complete/complete"

    thirdPartyUserCode="{{thirdPartyUserCode}}"
    thirdCateId="112"
    currentPage="design"
    mode="{{query.mode}}"
    templateId="{{query.id}}"></editor-miniprogram-sdk>

访问完成页

currentPage = complete 时

且该页面接收编辑页完成后的结果

字段 类型 说明 示例
templateId String 作图记录ID 1234567
sourceId String 原模板ID 7654321
image String 图片地址 https://gd-filems-fat.my-static.dancf.com/saas/4149m9/-1813-453b-a91d-b263bb2901a02435.png

若要支持分享等其他能力,建议自定义完成页

  <editor-miniprogram-sdk
    templatesPage="/pages/index/index"
    designPage="/pages/design/design"
    completePage="/pages/complete/complete"
    currentPage="complete"

    thirdPartyUserCode="{{thirdPartyUserCode}}"
    image="{{query.image}}"
    templateId="{{query.id}}"
    sourceId="{{query.sourceId}}"></editor-miniprogram-sdk>

Releases

No releases published

Packages

No packages published