实践分享：打造极具高扩展性的JavaScript SDK

最新推荐文章于 2024-03-16 17:44:13 发布
最新推荐文章于 2024-03-16 17:44:13 发布
阅读量318 收藏 1
点赞数 1
文章标签： javascript 开发语言 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nanxijms/article/details/130503541
版权

SDK（Software Developer Kit） 是使用 FeatureProbe 服务必不可少的工具之一。SDK能将用户的应用程序连接到 FeatureProbe 服务，根据用户的配置获取开关的结果，还能将开关的访问情况上报给 FeatureProbe，进而实现 A/B 实验的能力。

FeatureProbe 目前对外提供十余种主流开发语言的 SDK，包括用于服务端开发的 Java、Golang、Python、Rust等，以及用于客户端开发的 JavaScript、Android、iOS等。在之前的文章【用 Rust 开发跨平台 SDK 探索和实践】中我们曾介绍过我们选择使用Rust开发了跨平台语言的 Android SDK 和 iOS SDK，这样做的主要原因是：

（1）能减少人力成本和开发时间。

（2）共享一套代码，便于后期维护。

在开发 JavaScript SDK 的过程中，我们也同样采用类似的思路。JavaScript是目前构建Web应用的主要语言，在此基础上产生了很多现代化的 JavaScript 前端框架，比如：React、Vue、Angular等。近几年在国内爆火的微信小程序框架也主要使用 JavaScript 语言进行开发的。如何制作一款能支持所有前端框架使用的通用 SDK，同时在此 SDK 的基础上，能够快速地根据框架的语法特性进行上层封装，是 JavaScript SDK 的核心要求之一。

实现思路

实现一个功能完善的 JavaScript SDK，能够在普通的 Web 前端工程中使用。在此基础上，根据框架语法特性，进一步封装其它语言的 SDK，不同语言的SDK分别管理和发版。

最低0.47元/天 解锁文章
FeatureProbe
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScriptSDK设计指南
02-01
本指南为您介绍了在台式机和移动网络在不同的平台和浏览器（<99.99％我可能会跳过一些浏览器）开发的JavaScript SDK，对于那些非浏览器开发的支持（硬件，嵌入式，节点/IOJS）被排除在本文档之外，在未来予以考虑。 因为我没有找到一个关于设计JavaScriptSDK的比较好的文档，所以我在这里收集并记下了我个人的经验。这份文档已经写了好几个月，有一点我们需要知道，JavaScript的SDK-设计不仅仅是设计SDK本身，这也是有关于开发者与设备浏览器中间的联
extensions:使用UI扩展SDK提供示例的存储库
04-28
内容丰富的应用程序已启动！ 2020年2月，Contentful 了可扩展性以及与Contentful Apps集成的下一个发展。 现有的扩展功能不会消失，但我们建议您不断投资于Apps。 应用程序具有安装屏幕，配置和状态管理等功能。 它们可以在整个Contentful组织和空间中共享，从而简化了维护和升级。 虽然UI扩展是自定义Contentful Web应用程序单个部分的构建块，但它们的应用程序和跨多个空间复制集成的能力受到限制。 考虑到这一点，我们强烈建议客户逐步构建和使用应用程序，因为即使您将更多服务与Contentful集成，它们也会扩展。 此外，我们将继续向应用发布新功能。 阅读 探索内容 内容丰富的扩展库 此存储库提供了使用开发的Contentful UI扩展示例。 如果您不知道什么是UI扩展或如何使用它们，请参阅我们的。 市场扩展 此文件夹包含可以立即使用的，经过
教你如何开发js-sdk（第二章）
最新发布
M18856018695的博客
03-16 1195
教你如何开发带页面的js-sdk，可以打包成js文件，使用方可以直接通过script标签接入，然后调用函数即可。
js-sdk:用于 Echo 应用程序的 Javascript SDK
06-24
关于 Echo 提供了一系列，可以为实时社交应用程序执行繁重的工作。 此 SDK 旨在通过解决以下一般应用程序开发挑战，使 JavaScript 应用程序开发人员能够轻松使用这些云服务，同时生成更具互操作性和一致性的应用程序： JS API - 通过客户端更轻松地访问服务器端 API GUI 库 - 应用程序之间更一致的外观（引导程序） UI 控件 - 一组用于常见应用程序/交互模式的核心 UI 控件 组件清单 - 用于插件可扩展性、一致配置处理和 + 应用互操作性的一致应用架构 Echo Loader - 简化依赖加载以减少脚本冲突和冗余 配置存储和覆盖（即将推出） 集中部署管理（即将推出） 安装说明 克隆这个存储库。 从 （从包或源）下载并安装 NodeJS 和 npm。 须藤 npm install grunt-cli -g 在项目目录下运行以下命令：npm inst
aws-ses-sdk-transport:完全兼容JavaScript Node.js的AWS SES Mailer
05-25
完全兼容JavaScript Node.js的AWS SES Mailer 一个快速实用JavaScript应用程序，用于从Node.js服务器发送电子邮件。 是一种经济高效，灵活且可扩展的电子邮件服务，使开发人员能够从任何应用程序内发送邮件。 :clipboard: 要求 您可以将Windows，macOS或Linux用作开发操作系统和以下工具： 提醒：该程序包仅使用AWS SES凭证进行了测试，尚不支持常见的SMTP连接。 :rocket: 技术领域 该项目是使用以下技术构建的： :chequered_flag: 兼容性 该软件包与以下模板设计兼容： :check_mark: :check_mark: :red_exclamation_mark: （正在努力） :magnifying_glass_tilted_right: 预习 下图说明了如何使用提供的数据来处理和编译HTML模板。 提醒：您可以在查看template文件夹。 :laptop: 安装 要将这个包添加到您的项目中，只需执行以下命令： 提醒：您必须位于项目的根目录下 $ npm in
aws-sdk-js：浏览器和Node.js中适用于JavaScript的AWS开发工具包
01-30
适用于JavaScript的AWS开发工具包 版本3.x现在可用 适用于JavaScript的AWS开发工具包的通常可用。 有关更多信息，请参见《或《 。 有关发行说明，请参阅 。 在v2.4.8之前，发行说明可以在找到 目录： 入门 如何安装 在浏览器中 要在浏览器中使用SDK，只需将以下脚本标记添加到HTML页面： [removed][removed] 您还可以使用指定的AWS服务集构建自定义浏览器SDK。 如果您在不执行CORS的环境中工作，这可以允许您减小SDK的大小，指定服务的不同API版本或使用当前不支持CORS的AWS服务。 开始： AWS开发工具包还与兼容。 对于基于浏览器的Web，移动和混合应用程序，您可以使用 ，该扩展了AWS开发工具包，并提供了更简单和声明性的界面。 在Node.js中 安装适用于Node.js的AWS开发工具包的首选方法是对Node.js使用软件包管理器。 只需在终端窗口中输入以下内容： npm install aws-s
h5开发中使用JS-SDK，已封装
少年的范儿的博客
08-20 1073
说明：参数 oType： 是为了区分不同 JS接口列表里面的方法，传进去不同的值（自己定义），可以处理不同的方法，例如：当 oType 为 scan 时，调起微信的扫一扫功能；当 oType 为 location 时，可以获取当前的经纬度。当然，如果项目中只使用到一种JS接口，此参数可以不要。 1. 在项目的utils下创建一个 wxTools.js 文件 （自己想在哪创建就在哪创建） 2. 代码如下： npm i weixin-js-sdk import wx from 'weixin-js-sdk'
JavaScript总结
m0_62174171的博客
10-07 155
一、JavaScript简介 Ⅰ、JavaScript是一种高级多范式、多范式、理解性的编程语言，支持面向对象编程、命令式编程以及函数式编程。 Ⅱ、JavaScript是一种基于事件和对象驱动并具有相对安全性的客户端脚本语言，也是一种广泛用于客户端Web开发的脚本语言。 Ⅲ、同时，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。 Ⅳ、JavaScript外部脚本 外部文件：Myscript.js，javascript文件的扩展名为：文件名.js 外部
应用SDK与对外接口的封装、混淆与打包
andayoung
02-02 9158
从事Android开发久了不可避免的会接触对外接口的封装，下面本人就以自己写过的一个例子系统讲讲怎样对应用sdk的开发。 1.封装 我们在与其他公司合作的时候，往往会有技术方面的协作，但我们又不想过多的暴露我们某些技术方面的细节，比如：ip地址、技术参数、核心算法。 于是我们会对这部分代码进行封装，这部分需要精通Java的设计模式。 下面上传我的项目： 新建一个Android
FeatureProbe：如何快速、安全地进行功能发布
nanxijms的博客
08-15 489
在产品快速迭代中，要做到高效的功能发布同时还要降低上线风险，需要采用合适的技术对功能发布进行精细化的管控。FeatureProbe 就是一个高效的功能管理（Feature management）开源服务，它提供了灰度放量、AB实验、实时配置变更等针对功能粒度的一系列管理能力，本文将介绍如何使用 FeatureProbe 进行快速、安全地做功能发布和迭代......
lumira-extension-da-sample:使用v2 SDK开发SAP Lumira数据访问扩展的入门项目
05-28
重要通知 此公共存储库是只读的，不再维护。 数据访问扩展 此存储库包含一个示例数据访问扩展，可用作您自己构建的入门代码。 请阅读以下内容，以获取有关SAP Lumira的数据访问扩展，演练和教程的更多信息。 概述 SAP Lumira 1.x和2.x Discovery是自助式数据可视化工具，可轻松创建交互式地图，图表和信息图。 从各种来源导入和清理数据，建立可视化效果，并共享令人赞叹的仪表板。 尽管Lumira提供了多种可能的可视化和数据连接器，但您可能还需要更具体的内容以适合故事中的用例。 Lumira还是SDK附带的平台，使您可以构建直接满足您需求的自定义可视化和数据访问扩展。 介绍 SAP Lumira允许您从CSV，Excel和SAP HANA等各种位置导入数据。 我们了解您的数据可能来自不同的来源，并且不断变化的数据行业需要对可能出现的新来源具有灵活性。 因此，您可以使用“数
formio-sdk:Typescript Developer SDK和CLI工具。 强大的开源工具，可与您的API服务器和门户进行交互
03-09
轮廓 该项目是使用生成的。 :magnifying_glass_tilted_right: Nx是用于Monorepos的一组可扩展开发工具。 向您的工作区添加功能 Nx支持许多插件，这些插件添加了用于开发不同类型的应用程序和不同工具的功能。 这些功能包括生成应用程序，库等以及用于测试和构建项目的devtool。 以下是我们的核心插件： npm install --save-dev @nrwl/react Web（无框架前端） npm install --save-dev @nrwl/web npm install --save-dev @nrwl/angular npm install --save-dev @nrwl/nest npm install --save-dev @nrwl/express npm install --save-dev @nrwl/node 您还可以添加许多。 产生申请 运行nx g @nrwl/r
Facebook第三方登录（JavaScript SDK）
热门推荐
Rey
01-09 2万+
利用 JavaScript SDK 部署网页版“Facebook 登录”  官方文档 详细demo下载 本demo示例利用JavaScript SDK实现了Facebook、google、LinkedIn第三方登录，可以获取用户的基本信息，并且同时包括官方登录按钮和自定义登录按钮代码示例。 1.选择您的应用设置 在应用面板中选择您的应用。然后选择是否允许
百度地图Javascript SDK
弗里曼的小伙伴
08-20 5333
百度地图 sf2gis@163.com 2015年8月13日   1  目标：增加地图插件，完成地图功能和扩展功能。 地图功能：显示、缩放、平移。比例尺、工具条、鹰眼等工具条。绘制点、线、面等元素。图层控制。路径规划等功能。 2 原理：提供地图插件，扩展js功能。 参见：..\javascript.docx插件部分。 3 方法：百度地图Js SDK 注意：百度的文档虽然没有下载版
JavaScript SDK 设计指南
Leovvin
06-26 8966
Introduction This guide gives you an introduction to developing a JavaScript SDK on desktop and mobile web in different platforms and browsers ( Since I didn’t find out a better documentation for th
一篇很全的js-sdk分享，里面代码亲测可用。
个人博客
07-24 4211
原文链接：http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html wx.ready(function () {   // 1 判断当前版本是否支持指定 JS 接口，支持批量判断   document.querySelector('#checkJsApi').onclick = function () {     wx.che
swagger使用javascript sdk
kinding的博客
12-04 810
由后台开发人员导出.yaml文件  在swagger edit里面File下导入  在Generate Client目录里面下载javascript包 解压并按照 readme文件 通过npm 进行本地打包并npm link 映射到相应的项目（需要使用管理员权限打包） 打包成功后 正常情况在在安装node的目录里面的node_module里面可以看到这个包  本机地址为： C:\Progr...
如何使用JSSDK
随笔_博客
02-14 3899
一、引入JSSDK（注意项目是http或者是https） &lt;script src=https://res2.wx.qq.com/open/js/jweixin-1.4.0.js&gt;&lt;/script&gt; 二、将wx配置为eslint的全局属性 //////.eslintrc.js globals: {wx: true} 三、获取后台返回的签名配置（其中url入参是#...
vue 创建一个前端开发sdk包
09-08
### 回答1： Vue 是一个流行的前端框架，可以用于创建 SPA（单页应用程序）。要创建一个 Vue 的前端开发 SDK 包，需要按照以下步骤： 1. 确定你的 SDK 包需要提供哪些功能和接口，这些接口需要与后端 API 接口对接。需要有清晰的设计文档和接口文档。 2. 搭建开发环境，可以使用 Vue CLI 或手动配置。创建好项目后需要添加一些必要的依赖包，例如 axios（用于网络请求）和 vue-router（用于路由）等。 3. 根据设计文档和接口文档，创建 SDK 的接口，可以采用插件的方式来扩展 Vue 的功能，也可以创建一个独立的 Vue 实例来管理接口。 4. 编写测试用例来保证 SDK 的功能正常，可以使用 Jest 等测试框架进行测试。 5. 发布 SDK 包，可以使用 npm 或者私有仓库等方式进行发布。 需要注意的是，创建一个前端开发 SDK 包需要有一定的开发经验和技能，需要熟练掌握 Vue 框架和相关技术栈。同时需要保证 SDK 的稳定性和可扩展性，以及易用性和兼容性。 ### 回答2： Vue.js是一个流行的JavaScript框架，用于构建用户界面。创建一个前端开发SDK包可以帮助其他开发者更方便地使用Vue.js进行开发。 首先，我们需要在开发SDK包之前安装好Vue.js，以及其他可能需要的依赖项。可以通过npm或yarn来安装这些依赖项。 然后，我们可以创建一个适当的目录结构来组织我们的SDK包。在这个目录下，可以创建一个名为index.js的主要文件，用于暴露SDK的核心功能。 在index.js文件中，可以编写Vue组件、指令、过滤器等，以及其他处理逻辑。可以使用Vue.js提供的各种API来构建各种功能，以满足SDK用户的需求。 在开发SDK包的过程中，需要考虑到其他开发者可能会使用SDK的各种使用场景。所以，在编写SDK代码时，可以将各种配置选项、参数等暴露出来，使得SDK在不同的环境中更加灵活和可定制。 可以使用ES6的模块化语法来组织代码，以便于其他开发者能够按需引入和使用SDK的功能。可以将各种组件、指令等按照功能进行划分，然后以模块的形式暴露出来。 为了帮助其他开发者更好地了解和使用SDK，可以编写文档和示例代码。文档可以包括SDK的API参考、使用指南、示例代码等。示例代码可以展示如何使用SDK的不同功能，以及在不同场景下的用法。 最后，在编写完SDK包后，可以使用类似npm的工具将SDK发布到包管理器上，供其他开发者下载、使用和贡献。在发布时，可以为SDK包添加版本号，并按照语义化版本控制规范来管理和更新SDK的版本。 通过创建一个前端开发SDK包，可以帮助其他开发者更加便捷地使用Vue.js进行开发，并促进Vue.js社区的发展和成长。 ### 回答3： Vue.js 是一款流行的前端开发框架，可以通过它来创建一个前端开发 SDK 包。 首先，我们需要使用 Vue CLI 命令行工具来快速生成一个基于 Vue.js 的项目。通过运行 "vue create sdk-package" 命令，我们可以创建一个项目并选择需要的特性和插件。接下来，我们可以设置一些初始配置，例如选择使用 TypeScript 还是 JavaScript，是否启用单元测试等等。 在项目创建完成后，我们可以开始编写 SDK 的代码。首先，我们可以在 src 目录下创建一个 sdk 目录，并在其中编写我们的 SDK 功能的各个模块。例如，我们可以创建一个 api.ts 文件来处理和服务器接口的通信，创建一个 utils.ts 文件来存放一些辅助工具函数等等。 在编写功能模块的时候，我们需要根据具体的需求来设计相应的 API 接口和函数。例如，我们可以为 SDK 创建一个初始化函数，该函数可以用来初始化一些全局设置。我们还可以为 SDK 创建一些业务相关的方法，例如登录、注册等等。 在编写完功能模块后，我们可以在 src 下的 main.ts 中导入并注册这些模块。这样，我们的 SDK 功能就可以在项目中使用了。 为了方便其他开发者使用我们的 SDK 包，我们可以将其打包成一个 npm 包。可以使用命令 "npm run build" 来构建我们的 SDK 包文件。构建完成后，我们可以发布到 npm 仓库供其他开发者下载和使用。 总结： 通过使用 Vue CLI 创建一个 Vue.js 项目，并在其中编写 SDK 功能模块，最后通过打包成 npm 包来发布我们的前端开发 SDK 包。这样，其他开发者就可以方便地引入和使用我们的 SDK，加快他们的前端开发流程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值