Code Monkey home page Code Monkey logo

scriptables's Introduction

「小件件」开发框架

iOS 小组件快速开发框架 / 模板 / 小组件源码 👉 for Scriptable
查看老版本(main分支)

介绍

这是一个便于开发者在电脑上开发、测试、预览 iOS 小组件(Scriptable)的开发框架
通过简单安装,就可以获得一个舒适的Scriptable脚本开发环境,支持语法高亮、自动补全、实时同步测试预览。
不用再在手机上敲代码了!并且该开发框架封装了很多常用的操作接口,让开发者专注数据解析+小组件UI设计,大大节省开发时间!

开始

首先,我们配置电脑开发环境:

  1. 下载安装 VSCode 编辑器
  2. 下载本项目的v2-dev分支zip或代码:git clone -b v2-dev https://github.com/im3x/Scriptables.git
    ⚠️注意要加-b参数指定分支)
  3. VSCode打开代码目录,进入终端,运行安装依赖命令:npm install
  4. 安装好依赖,开启开发服务命令:npm start

⚠️ 提示: windows 用户请存放源码到用户目录,比如 C:\Users\xxx\Scriptables,否则可能会引发权限问题导致运行失败

然后,配置手机运行环境:

  1. 运行服务后,会输出地址,手机访问该地址即可按照步骤初始化。或手动复制 install-runtime.js 脚本代码,打开 Scriptable 应用,点击右上角➕,粘贴代码,点击运行
  2. 如果成功,应该新加了两个插件文件:「小件件」开发环境、「源码」小组件示例
  3. 点击 「源码」小组件示例 或者其他任何基于此框架开发的小组件,点击操作菜单的远程开发,即可连接电脑,开启远程开发体验!

发布

开发测试完毕后,可以 pull 到本分支进行开源分享
小组件源码存放在 Scrips 目录,你也可以复制其他的小组件进行修改使用。

打包分享: 你可以使用如下命令,打包你的小组件成一个单独的文件,从而可以分享给其他用户使用:

$ node pack.js Scripts/「源码」你的小组件.js

将会生成在 Dist 目录

压缩代码:打包的文件过大,如果需要压缩减少体积、加密敏感信息,可以通过如下脚本处理打包后的文件:

$ node encode.js Dist/「小件件」你的小组件.js

将会在 Dist 目录生成 「小件件」你的小组件.enc.js 文件
该脚本需要javascript-obfuscator库,如未安装请先在项目目录 npm install

微信小程序「小件件」 后续会开放开发者中心,开发者到时候可以上传、发布、出售自己的原创小组件。
目前测试中,敬请关注!

开发讨论交流群:https://x.im3x.cn/images/qun1.jpeg

scriptables's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

scriptables's Issues

从2020.11.7开始有几个小组件出问题了

都是通过loader.gitee这个插件安装的:
联通话费查询签到版:error on line 39:27:TypeError:undefined is not an object(evaluating data.data.dataList)
微信扫一扫:Object is not a constructor(evaluatingnew M(this.opt[args],this)
支付宝盒子:Object is not a constructor(evaluatingnew M(this.opt[args],this)
微博热榜:Object is not a constructor(evaluatingnew M(this.opt[args],this)
请问应该怎么处理?

English translation?

Yea hi It's the guy that only knows english, I would usually just use a translate tool but there's so many elements to this project like scripts on my device and webapges, also all the comments and having a translation layer for everything is just really difficult although doable, just slows down.

If there's an alternative I'm missing please guide me here. I'm running linux and don't have a mac, if anyone knows a tool to translate a whole repository/directory that would be great too, since I' can't find one.

搞不懂怎么发布?

readme里写的是pull到本分支,意思提pr到你这边合并之后才能发布吗?

我看小程序里有那么多的 也没合并过来 都发布了,怎么发布呢?谢谢

组件调试

Hello。
请问这是目前组件的调试方案吗?

2020/10/13 17:00更新:加载器支持输入第三方开发者的插件配置
比如开发者 user-a, fork 了本项目到自己的仓库,编辑了 welcome/latest.js 组件脚本,那么用户在添加桌面组件时,输入参数:user-a/welcome@latest 即可加载第三方开发者仓库的组件代码。
注意:由于用户可能使用的是Gitee源加载器,所以你应该也需要前往 Gitee,创建同名用户+仓库,同步 github 仓库项目
(和之前的参数区别就是前边多了 用户名/ 格式)
开发者可以直接复制 template.sample.js 代码,打开 Scriptable 应用,添加粘贴代码,然后根据底部的注释取消注释相关代码,即可进行测试、独立运行操作。
待测试完毕,可直接上传到自己的仓库项目中,然后根据上边方法进行远程加载测试。

这样感觉会比较麻烦。

功能增加

希望能增加更完善的天气信息,另外对小尺寸的组件进行更好的适配

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.