网页插件制作教程 第1篇
插件不能直接引用其他插件。但如果小程序引用了多个插件,插件之间是可以互相调用的。
一个插件调用另一个插件的方法,与插件调用自身的方法类似。可以使用 plugin-private://APPID
访问插件的自定义组件、页面(暂不能使用 plugin://
)。
对于 js 接口,可使用 requirePlugin
,但目前尚不能在文件一开头就使用 requirePlugin ,因为被依赖的插件可能还没有初始化,请考虑在更晚的时机调用 requirePlugin
,如接口被实际调用时、组件 attached 时。(未来会修复这个问题。)
插件在使用 等 API 发送网络请求时,将会额外携带一个签名 HostSign
,用于验证请求来源于小程序插件。这个签名位于请求头中,形如:
其中, NONCESTR
是一个随机字符串, TIMESTAMP
是生成这个随机字符串和 SIGNATURE
的 UNIX 时间戳。它们是用于计算签名 SIGNATRUE
的参数,签名算法为:
其中,APPID
是 所在小程序 的 AppId (可以从请求头的 referrer
中获得);TOKEN
是插件 Token,可以在小程序插件基本设置中找到。
网络请求的 referer 格式固定为 {appid}/{version}/,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版、体验版以及审核版本,版本号为 devtools 表示为开发者工具,其余为正式版本。
插件开发者可以在服务器上按以下步骤校验签名:
自基础库版本 开始,在小程序运行期间,若网络状况正常, NONCESTR
和 TIMESTAMP
会每 10 分钟变更一次。如有必要,可以通过判断 TIMESTAMP
来确定当前签名是否依旧有效。
网页插件制作教程 第2篇
这款工具在三个浏览器扩展商店上都有,这里使用的是Edge浏览器进行安装。适用于Chrome浏览器的SquarePage 版本文件,请查看Tips【2】。
△ SquarePage三款浏览器均可使用
我们先打开Edge的扩展应用商店,在商店中搜索:SquarePage,进行获取安装。
进行获取安装。
安装过程中需要给浏览器添加扩展,安装结束后可能还需要将插件的开关点开,要不然插件默认是关闭状态,无法使用。
△ 需要_添加扩展_,以及将插件开关打开
网页插件制作教程 第3篇
页面组件包含三种:Folder(文件夹),Shortcuts(快捷方式),以及Widget(小组件)。
△ 添加_文件夹_组件
△ 添加_Shortcuts_组件
时间,便签Notes和Todo组件都是通过这里进行添加的。
△ 添加_Widget_组件
以上就是本期关于SquarePage美化工具的全部内容。
网页插件制作教程 第4篇
通常情况下,可以将 miniprogram
下的代码当做使用插件的小程序代码,来进行插件的调试和测试。
但有时,需要将插件的代码放在实际运行的小程序中进行调试、测试。此时,可以使用开发版的小程序直接引用开发版插件。方法如下:
如果开发版小程序引用了开发版插件,此时这个小程序就不能上传发布了。必须要将插件版本设为正式版本之后,小程序才可以正常上传、发布。
注意事项:
网页插件制作教程 第5篇
右上角的Setting按钮是SquarePage的设置总入口,从这里进去设置SquarePage,设置内容包含其他设置按钮的设置内容。
△ 可以选择页面四个角按钮是否显示
△ 便签Notes和Todo的内容都在这里可见
网页插件制作教程 第6篇
比如:
·想宣传自家品牌,则可以在h5网页模板中添加上logo信息,或者干脆将logo设置为h5游戏构成的一部分,增加用户的印象。
·想为公众号作推广,则可以添加【一键关注】公众号的功能,让用户在玩的过程中关注你的账号。
设置操作非常简单,h5模板网站()上还会有h5制作教程,告诉你什么目的应该要设置什么样的功能。
3.发布与宣传
h5制作教程就到这里啦~
☆★更多相关教程推荐★☆
网页插件制作教程 第7篇
h5是一种互动性特别强的宣传工具,但无需下载,用手机即可观看或者参与互动。
如今很多商家和运营者,都在尝使用h5网页模板来为自己的产品,品牌作宣传,或者为自己公众号涨粉。
如果你只是使用h5工具做一些推广和营销,没有太高难度的要求,并想节省时间和精力的话,你其实并不需要专门去学习编程和代码。
使用h5网页模板工具, 就可以快速制作一个属于你自己的h5互动页面,还是非常简单的。
下面就是h5制作教程时间!
网页插件制作教程 第8篇
请注意:在插件开发中,只有 部分接口 可以直接调用;另外还有部分能力(如 获取用户信息 和 发起支付 等)可以通过 插件功能页 的方式使用。
插件可以定义若干个自定义组件,这些自定义组件都可以在插件内相互引用。但提供给使用者小程序使用的自定义组件必须在配置文件的 publicComponents
段中列出(参考上文)。
除去接口限制以外,自定义组件的编写和组织方式与一般的自定义组件相同,每个自定义组件由 wxml
, wxss
, js
和 json
四个文件组成。具体可以参考 自定义组件的文档。
插件从小程序基础库版本 开始支持页面。插件可以定义若干个插件页面,可以从本插件的自定义组件、其他页面中跳转,或从使用者小程序中跳转。所有页面必须在配置文件的 pages
段中列出(参考上文)。
除去接口限制以外,插件的页面编写和组织方式与一般的页面相同,每个页面由 wxml
, wxss
, js
和 json
四个文件组成。具体可以参考其他关于页面的文档。
插件执行页面跳转的时候,可以使用 navigator
组件。当插件跳转到自身页面时, url
应设置为这样的形式:plugin-private://PLUGIN_APPID/PATH/TO/PAGE
。需要跳转到其他插件时,也可以这样设置 url
。
代码示例:
自基础库版本 开始,在插件自身的页面中,插件还可以调用 来进行页面跳转, url
格式与使用 navigator
组件时相仿。
插件可以在接口文件(在配置文件中指定,详情见上文)中 export 一些 js 接口,供插件的使用者调用,如:
代码示例:
在开发者工具中预览效果,需要手动填写一下 miniprogram/
中的插件 AppID
从基础库 起,在插件中有全局函数 requireMiniProgram
,可以获取由使用者小程序导出的内容。
例如,使用者小程序做了如下导出:
那么在插件中,可以这样获得内容:
在开发者工具中预览效果,需要手动填写一下 miniprogram/
中的插件 AppID
有时,插件可能需要在页面或者自定义组件中,将一部分区域交给使用的小程序来渲染,因此需要能够引用小程序的自定义组件。但由于插件中不能直接指定小程序的自定义组件路径,因此无法直接通过 usingComponents
的方式来引用。这里介绍通过 抽象节点(generics) 来实现引用的方式。
如果是插件自定义组件(例如 plugin-view
),那么我们可以通过声明一个 generic:
并在希望显示小程序组件的位置引用:
在小程序中引用 plugin-view
时,就可以传递组件给插件进行渲染了:
如果是插件页,插件页本身就是一个页面顶层组件,小程序不会引用它,无法通过 generic:xxx=__
的方式来指定抽象节点实现;因此,从基础库 起,小程序可以在插件的配置里为插件页指定抽象节点实现。例如插件页面名为 plugin-index
,则可以:
网页插件制作教程 第9篇
先给大家总览一下SquarePage页面的各个部分。现在是设置状态四个角都有相应的按钮,以及包括SquarePage的Logo,当你设置好了之后,为了页面的整洁,除了右上角的Setting无法去除,其他按钮和logo都能全部消除。
△ 总览SquarePage页面