【教程】静态html构建为blocklet并打包发布到商店

本文主要大致介绍一个静态html项目如何构建为blocklet并打包发布到商店，阅读本文之前请先安装 Blocklet CLI 环境， 安装 Blocklet CLI 可参考官方文档
Install Blocklet CLI

已上传油管视频：

一、寻找静态html项目

可以是自己的html项目，或者可在github上寻找感兴趣的开源的html项目，本文以 GitHub - zj19941113/You_Jump_I_Jump: 微信小游戏跳一跳html版 为例，其他贪吃蛇、扫雷等小游戏的html也可以

下载项目zip文件并解压

二、初始化blocklet

从步骤一可得到一个项目的文件夹（假设文件夹名为 jump）

#跳转到文件夹目录，以各自实际情况做修改
cd jump

#初始化blockelt
blocklet init

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

三、验证和打包

1、运行验证

#运行验证html项目是否正常
blocklet dev​

执行成功后，会得到如下图的应用链接，复制网址到浏览器验证是否正常

2、打包

运行验证正常后，打包之前可以先配置一些项目信息，使得整个项目看起来正式一点

主要关注 blocklet.yml 、blocklet.md ，字段对应商店应用信息可看截图

按照@shijun提及的如果是从 open source repo 构建的项目：

另外，后续静态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，可到水龙头免费领取

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