简单智能 App Blanner
基于Safari Apple经验推广移动应用程序安装的"简易智能App Banner".
这不是每个人的。 大部分人应该更喜欢 巴布亚新几内亚 办法。 然而,如果你需要一个"简单"的旗帜, 将转向一个 本地语言 移动应用程序然后继续读取.
关于Safari的支持,请参见 萨法里支助。 。 。 . 关于iOS和Safari的具体细节改为: 这里。 。 。 . 对Android来说也是 这里。 。 。 .
特征
- 字体支持
- 独立/无框架
- 小点!
14.48 kB │ gzip: 4.43 kB │ map: 44.87 kB - 特定平台
- iOS(非Safari)和Android用户代理的自定义横幅
Safari 特定配置见 萨法里支助
- 选项,根据需要使用SCSS/Sass变量配置横幅
- 基于 Cookie 的解雇, 每个浏览器一次解雇
安装
npm i -S @easy-smart-app-banner/core
配置
见 选项模式。 。 。 .
萨法里支助
由于无法通过图书馆/plugin/etc支持Safari, 通过您网站的静态元标记直接为本地的Safari智能应用程序旗下MUST提供支持。 Safari目前只支持在页面加载时立即解析此元数据,不会解析在此点后添加的任何元数据. 如果你想在本地加入Safari旗,然后阅读 这里。 。 。 .
高级使用
平台特定覆盖
若干选项有特定平台覆盖。 在相关平台上运行时,这些选项优先于任何同等选项.
图标
单一图标是典型的,但可以配置出特定的图标.
{
icon: '/assets/my-icon.jpeg',
androidIcon: null,
appleIcon: null,
}
价格
价格标记线默认为FREE,同时为Android和iOS平台设置了特定平台默认.
{
price: 'FREE',
androidPrice: 'FREE - On the Google Play Store',
applePrice: 'GET - On the App Store'
}
呼叫动作按钮标签
{
buttonLabel: 'View',
androidButtonLabel: null,
appleButtonLabel: null
}
SCSS/Sass变量
样式可以使用提供的SCSS/Sass变量被覆盖. 见 变量。 。 。 .
您可以使用 .scss 文件代替,
@use '@easy-smart-app-banner/core/variables.scss' as *;
// overwrite as needed
$background-color: #000;
平台特定插件
找一个不在这里的平台? 推荐公关来补充!
测试您的用户代理( UA) 字符串是否有效
UA弦是一分钱一打, 这就是为什么在 verbose 模式(参见 配置),平台解析工具被曝光到窗口对象上,以便于测试. 在您的浏览器控制台中,
const myUa = window.navigator.userAgent;
getCurrentPlatform(myUa)
这在调试可能不支持的已知 UA 字符串时特别有用. 如果您认为应该支持特定的普遍获得服务,请打开拉取请求!
发展
要开始,拉回放 运行一个建设和测试。 开发需要节点22或后期(即目前的LTS线路).
别忘了跑
npm i来啊!
npm run build
npm run test
您可以在 软件包.json。 。 。 .
下一步是启动示范项目。 检查 Vue 演示 这里。 。 。 .
发布版本
Core和Vue插件与同版本一起发布.
- 检查新分支
release/major.minor.patch - 在根中设置新版本
package.json内plugins/vue-plugin/package.json(单位:千美元)npm version <version> --no-git-tag-version中,其中也更新了锁文件) - 视需要更新 README (跳出大小注释)
- 发布分支并合并 PR
- 运行
Publish Packages to npmjs手动工作流程dry-run启用( 默认) 并检查其通过 - 创建 GitHub 释放
master带有标签vmajor.minor.patch。工作流程对照两个软件包版本检查标签,然后发布核心,然后发布插件,两者都带有出处。 该插件是根据刚刚发布的核心版本及其@easy-smart-app-banner/core范围设定为已发布的软件包中的该版本. - 在后续PR中,设置插件的
@easy-smart-app-banner/core范围到新版本 (npm install @easy-smart-app-banner/core@^major.minor.patch内plugins/vue-plugin并撞倒演示.