fatych

fatych

静态html构建为blocklet并打包发布到商店

本文主要大致介绍一个静态 html 项目如何构建为 blocklet 并打包发布到商店,阅读本文之前请先安装 Blocklet CLI 环境, 安装 Blocklet CLI 可参考官方文档
已上传油管视频:https://www.youtube.com/watch?v=0gLtAos1WS0
一、寻找静态 html 项目
可以是自己的 html 项目,或者可在 github 上寻找感兴趣的开源的 html 项目,本文以 为例,其他贪吃蛇、扫雷等小游戏的 html 也可以
下载项目 zip 文件并解压

二、初始化 blocklet
从步骤一可得到一个项目的文件夹(假设文件夹名为 jump)
#跳转到文件夹目录,以各自实际情况做修改
cd jump

#初始化 blockelt
blocklet init
期间需要填写一些基本信息,如下图,填写完成后,会弹出浏览器窗口,需要连接钱包到官方商店生成应用 did

三、验证和打包
1、运行验证
#运行验证 html 项目是否正常
blocklet dev​
执行成功后,会得到如下图的应用链接,复制网址到浏览器验证是否正常

2、打包
运行验证正常后,打包之前可以先配置一些项目信息,使得整个项目看起来正式一点
主要关注 blocklet.yml 、blocklet.md ,字段对应商店应用信息可看截图

按照 @shijun 提及的如果是从 open source repo 构建的项目:
请在 blocklet.yml 里面注明出处
请确保项目的 licence 没有问题,避免侵权
另外,后续静态 html 项目需要在 blocklet.yml 配置一个依赖
engine:
interpreter: blocklet
source:
store: https://store.blocklet.dev
name: z2qa2dGC9EmsjB2WJtUcmuRWx43zTwPUZQF7g
version: latest
开源项目请在 blocklet.yml 标明出处
repository:
type: git
url: git+https://github.com/blocklet/html-2048-sample.git
项目基础信息配置完成后,开始打包
blocklet bundle --zip --create-release

四、发布
发布之前,首先要有 blocklet store 的 dev 通行证,可以自行启动 blocklet store 或向官方商店申请 dev 通行证(可私聊项目方)
拥有 dev 通行证后,可到该页面申请密钥,并执行截图中命令行

#配置商店信息(以下信息示例,以实际复制内容为准)
blocklet config set accessToken z2K8qz2DdixZUoTuYLUf5wBDWy**************snhaJHpC5YwGjii8SvunJrDGxk9n
blocklet config set store https://test.store.blocklet.dev
blocklet config set developerDid z1XwQif7VXcM****SksVC3sgqKtfR8

#上传到商店
blocklet upload 

上传成功后,还需要到 blocklet store 的后台进行发布,首次发布需要进行质押,示例中用到的商店是官方的测试商店 ,需要使用 5 个 TBA,可到水龙头免费领取

发布成功后,即可在商店首页看到

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。