【付费发布】【开通正式版】【永久有效】怎么付费开通正式版小程序

发表于2022年8月23日由yimen

由于打包小程序打包需要消耗服务器性能，所以发布服务是收费的；

收费标准：小程序  发布服务  128元/年
            ——在服务期内，可以随意发布小程序，服务期到期之后，小程序将不能提供继续发布上传审核能力；
            ——但是不影响已经上传发布成功的版本，即如果您的小程序之前已经发布审核成功，那么这里到期并不会影响您线上版本，您的线上版本永久可以使用，除非小程序平台需要您强制更新新版，否则您可以无需更新！

1.那么怎么付费开通发布正式版的上传服务呢？
登录一门小程序管理后台，在【我的小程序】

找到需要配置小程序

2.点击【配置】进入小程序管理后台

点击左侧导航【发布上传到】里面选择
需要发布上传的小程序生态平台

点击之后会进入到付费页面

3.付费开通之后，在页面查看上传发布时间

服务期内可以无限次发布小程序，过期后不能继续发布上传新版；
已发布上传的小程序可永久使用，与发布服务期无关；

——这样我们就可以发布正式版提交各大生态小程序平台审核了！

【新手必看】设置小程序底部导航，设置小程序顶部导航

发表于2022年8月23日由yimen

网页打包小程序，支持快速设置底部或顶部导航

1.登录一门开发者后台，找到【我的小程序】

2.找到需要配置的小程序，点击【配置】进入管理后台，之后点击导航【底部/顶部导航】

根据页面提示，新建导航即可
根据自己需求，设置项目：
上边框的颜色
背景色
文字色
选中时文字色
位置

之后下方设置导航名字和选择对应的页面
如果还没有页面，需要到【页面管理】里面新建页面

设置第一个导航

上传导航选中图标，颜色和默认图标区分，图标大小为81*81像素，建议PNG透明背景

设置第二个导航

设置第三个导航

设置第四个导航按钮

以此类推，可以点击切换导航至第五个空白按钮，设置第五个导航；
如果只需要4个导航，最后一个留空即可！

底部导航演示：

【新手必看】配置小程序全局样式，全局窗口样式应用于所有页面

发表于2022年8月23日由yimen

全局窗口样式应用于所有页面，可在具体页面重新设置样式，以覆盖全局样式；具体含义请参考微信小程序文档，部分设置项在H5网页中无效；

1.登录一门开发者后台，找到【我的小程序】

2.进入具体的小程序配置后台

点击【全局窗口样式】

可以看到，在全局样式设置里面我们可以分别设置如下项：
标题栏文字
标题栏背景颜色
标题栏文字颜色
标题栏样式
窗口背景色；
是否启用下拉刷新；
下拉刷新样式
顶部窗口背景色
底部窗口背景色
屏幕方向；
——根据自己的需求，分别进行设置即可！

这样，我们就完成了全局样式设置！！

【新手必看】设置小程序页面事件，分享页面，分享小程序

发表于2022年8月23日由yimen

小程序分享可以快速的推广我们的项目；
基本上是每一个小程序必备的基础能力之一

1.登录一门开发者中心，找到需要配置的小程序

在左侧导航找到【我的小程序】进入小程序管理列表，点击需要管理的小程序，点击【配置】按钮！

2.在小程序管理后台，找到【页面管理】
在小程序页面管理列表里面找到【事件】

点击【事件】之后会弹出配置界面

可以在这里定义分享是否被允许

分享效果演示

【新建页面】【新手必看】小程序新建页面

发表于2022年8月23日由yimen

小程序由于小的原因，对页面有一定的限制，比如我们需要的一些特殊页面，比如首页，导航页面，我们需要在小程序后台进行新建页面
所有小程序平台都对页面有要求！
新建小程序页面是我们打包小程序的必备技巧之一！

1.进入一门开发者后台，找到我的小程序

在左侧导航找到【我的小程序】进入小程序管理列表，点击需要管理的小程序，点击【配置】按钮！

2.在小程序管理后台，找到【页面管理】

点击新建页面，进入新建页面流程

由于目前暂时只支持H5网页打包页面，所以这里只能选择H5打包；
后续我们会支持html本地页面上传代码打包！

点击新建之后，在弹出窗口输入您需要制定页面的URL地址
之后点击保存确认按钮即可

保存之后页面会自动跳转，这样呢，我们就完成了页面的新建！

3.对新建页面进行个性化设置
修改小程序页面的链接地址

在小程序页面管理列表，找到【配置】按钮，点击，在弹出窗口即可修改当前页面的链接地址

弹出页面，直接修改网址即可！
温馨提示：小程序各大平台都只支持https格式的加密地址

设置页面样式

点击【样式】之后会弹出配置窗口
标题栏文字
透明标题栏
页面上下滚动
侧滑手势返回

自定义样式
标题栏背景颜色
标题栏文字颜色

如果有自定义需求，务必选择自定义样式；之后下方设置才会生效，默认是全局样式

标题栏样式
窗口背景色；
是否启用下拉刷新；
下拉刷新样式
顶部窗口背景色
底部窗口背景色
屏幕方向

设置好之后，点击保存
之后重新上传开发版即可扫码体验设置效果！

APP开发SQLite 数据库 query 查询：示例二

发表于2022年8月23日由yimen

用做网页的技术做APP！
一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程：
♦ JS-SDK 引用方式：
♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库；
♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package

一门APP开发平台通用JS

query 查询：示例二

jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User WHERE name = ?",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  [ "张三" ],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User WHERE name = ?",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  [ "张三" ],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User WHERE name = ?",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  [ "张三" ],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发SQLite 数据库 query 查询：示例一

发表于2022年8月23日由yimen

一门APP开发平台通用JS

query 查询：示例一

• 以 JSON 数组格式返回数据，如无需返回数据请使用 execSQL

jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.query(
  //SQL语句
  "SELECT * FROM User",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发SQLite 数据库 execSQL 执行 SQL：示例二

发表于2022年8月23日由yimen

一门APP开发平台通用JS

execSQL 执行 SQL：示例二

//请先执行上一步，创建用户表
jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["张三", 1],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请先执行上一步，创建用户表
jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["张三", 1],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请先执行上一步，创建用户表
jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["张三", 1],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发SQLite 数据库 execSQL 执行 SQL：示例三

发表于2022年8月23日由yimen

一门APP开发平台通用JS

execSQL 执行 SQL：示例三

jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["李四", 0],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["李四", 0],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.execSQL(
  //SQL语句
  "INSERT INTO User (name, gender) VALUES (?, ?)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  ["李四", 0],
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发SQLite 数据库 execSQL 执行 SQL：示例一

发表于2022年8月23日由yimen

一门APP开发平台通用JS

execSQL 执行 SQL：示例一

• execSQL 没有返回数据，如需返回数据请使用 query

jsBridge.db.execSQL(
  //SQL语句
  "CREATE TABLE IF NOT EXISTS User (id INTEGER PRIMARY KEY AUTOINCREMENT, name VARCHAR(32), gender INTEGER)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.execSQL(
  //SQL语句
  "CREATE TABLE IF NOT EXISTS User (id INTEGER PRIMARY KEY AUTOINCREMENT, name VARCHAR(32), gender INTEGER)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.execSQL(
  //SQL语句
  "CREATE TABLE IF NOT EXISTS User (id INTEGER PRIMARY KEY AUTOINCREMENT, name VARCHAR(32), gender INTEGER)",
  //数组类型，SQL语句里的参数占位符绑定值
  //无参数可为 null
  null,
  function(succ, data){
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发SQLite 数据库 tables 获取所有用户表

发表于2022年8月23日由yimen

一门APP开发平台通用JS

tables 获取所有用户表

• 以 JSON 数组格式返回表名

jsBridge.db.tables(function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.tables(function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.db.tables(function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 sha256 SHA256 哈希值

发表于2022年8月22日由yimen

一门APP开发平台通用JS

sha256 SHA256 哈希值

• 计算文件 SHA256 哈希值

jsBridge.fs.sha256("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.sha256("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.sha256("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 sha1 SHA1 哈希值

发表于2022年8月22日由yimen

一门APP开发平台通用JS

sha1 SHA1 哈希值

• 计算文件 SHA1 哈希值

jsBridge.fs.sha1("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.sha1("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.sha1("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 md5 MD5 哈希值

发表于2022年8月22日由yimen

一门APP开发平台通用JS

md5 MD5 哈希值

• 计算文件 MD5 哈希值

jsBridge.fs.md5("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.md5("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});


}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.md5("fs://file/my_dir/doc.pdf", function(succ, data) {
  alert("succ:" + succ + "\n" + data);
});


}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 list 查看解压出来的目录

发表于2022年8月22日由yimen

一门APP开发平台通用JS

list 查看解压出来的目录

jsBridge.fs.list("fs://file/my_dir/www/", function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.list("fs://file/my_dir/www/", function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.list("fs://file/my_dir/www/", function(succ, data) {
  alert("succ:" + succ + "\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 unzip 解压 zip 文件

发表于2022年8月22日由yimen

一门APP开发平台通用JS

unzip 解压 zip 文件

//请先执行上一步，下载 www.zip 文件
jsBridge.fs.unzip(
  //要解压的 zip 文件
  "fs://file/my_dir/www.zip",
  //解压到哪个目录
  "fs://file/my_dir/",
  //回调
  function(succ, msg) {
   alert(succ ? "解压成功" : msg);
  }
);

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请先执行上一步，下载 www.zip 文件
jsBridge.fs.unzip(
  //要解压的 zip 文件
  "fs://file/my_dir/www.zip",
  //解压到哪个目录
  "fs://file/my_dir/",
  //回调
  function(succ, msg) {
   alert(succ ? "解压成功" : msg);
  }
);

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请先执行上一步，下载 www.zip 文件
jsBridge.fs.unzip(
  //要解压的 zip 文件
  "fs://file/my_dir/www.zip",
  //解压到哪个目录
  "fs://file/my_dir/",
  //回调
  function(succ, msg) {
   alert(succ ? "解压成功" : msg);
  }
);

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 download 下载一个视频，完整后播放

发表于2022年8月22日由yimen

一门APP开发平台通用JS

download 下载一个视频，完整后播放

var url = "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4";
var path = "fs://file/my_dir/f10.mp4";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 超级播放器 插件原生播放本地视频
    jsBridge.txVideo.play(path);
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备播放。");
          jsBridge.txVideo.play(path);
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var url = "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4";
var path = "fs://file/my_dir/f10.mp4";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 超级播放器 插件原生播放本地视频
    jsBridge.txVideo.play(path);
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备播放。");
          jsBridge.txVideo.play(path);
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var url = "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4";
var path = "fs://file/my_dir/f10.mp4";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 超级播放器 插件原生播放本地视频
    jsBridge.txVideo.play(path);
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备播放。");
          jsBridge.txVideo.play(path);
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 download 下载完成后调用文档阅读器打开

发表于2022年8月22日由yimen

一门APP开发平台通用JS

download 下载完成后调用文档阅读器打开

var url = "https://www.yimenapp.com/doc/doc.pdf";
var path = "fs://file/my_dir/doc.pdf";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 文档阅读器 插件打开
    jsBridge.doc.open({
        url: path
    });
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备打开。");
          jsBridge.doc.open({
              url: path
          });
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var url = "https://www.yimenapp.com/doc/doc.pdf";
var path = "fs://file/my_dir/doc.pdf";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 文档阅读器 插件打开
    jsBridge.doc.open({
        url: path
    });
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备打开。");
          jsBridge.doc.open({
              url: path
          });
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
var url = "https://www.yimenapp.com/doc/doc.pdf";
var path = "fs://file/my_dir/doc.pdf";
jsBridge.fs.exist(path, function(succ, msg){
  if (succ) {
    //使用 文档阅读器 插件打开
    jsBridge.doc.open({
        url: path
    });
  } else {
    alert("本地文件不存在，准备下载。");
    jsBridge.fs.download({
        //GET请求的网络链接
        url     : url,
        //下载保存到本地文件
        path    : path,
        //下载进度回调
        progress: function(total, loaded) {
          console.log("共" + total + "字节，已下载" + loaded);
        }
      },
      //下载结束回调
      function(succ, msg) {
        if (succ) {
          alert("下载完成，准备打开。");
          jsBridge.doc.open({
              url: path
          });
        } else {
          alert("下载失败：" + msg);
        }
      }
    );
  }
});

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 download 下载完成后调用系统软件自动打开

发表于2022年8月22日由yimen

一门APP开发平台通用JS

download 下载完成后调用系统软件自动打开

jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //下载完成是否自动打开文件，默认 false (仅安卓)
  autoOpen: true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    if (!succ) {
      alert("下载失败:" + msg);
    }
  }
);

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //下载完成是否自动打开文件，默认 false (仅安卓)
  autoOpen: true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    if (!succ) {
      alert("下载失败:" + msg);
    }
  }
);

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //下载完成是否自动打开文件，默认 false (仅安卓)
  autoOpen: true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    if (!succ) {
      alert("下载失败:" + msg);
    }
  }
);

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发本地FileSystem 文件系统 download 下载文件 – 不管本地是否存在始终强制下载

发表于2022年8月22日由yimen

一门APP开发平台通用JS

download 下载文件 – 不管本地是否存在始终强制下载

jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //true 始终下载，false 如果已经下载过了就不再下载
  force   : true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    alert(succ ? "下载成功" : msg);
  }
);

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //true 始终下载，false 如果已经下载过了就不再下载
  force   : true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    alert(succ ? "下载成功" : msg);
  }
);

}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.fs.download({
  //GET请求的网络链接
  url     : "https://www.yimenapp.com/doc/doc.pdf",
  //下载保存到本地文件
  path    : "fs://file/my_dir/doc.pdf",
  //true 始终下载，false 如果已经下载过了就不再下载
  force   : true,
  //下载进度回调
  progress: function(total, loaded) {
      console.log("共" + total + "字节，已下载" + loaded);
    }
  },
  //下载结束回调
  function(succ, msg) {
    alert(succ ? "下载成功" : msg);
  }
);

}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

APP开发

开发APP从一门开始

作者归档：yimen

【付费发布】【开通正式版】【永久有效】怎么付费开通正式版小程序

【新手必看】设置小程序底部导航，设置小程序顶部导航

【新手必看】配置小程序全局样式，全局窗口样式应用于所有页面

【新手必看】设置小程序页面事件，分享页面，分享小程序

【新建页面】【新手必看】小程序新建页面

APP开发SQLite 数据库 query 查询：示例二

APP开发SQLite 数据库 query 查询：示例一

APP开发SQLite 数据库 execSQL 执行 SQL：示例二

APP开发SQLite 数据库 execSQL 执行 SQL：示例三

APP开发SQLite 数据库 execSQL 执行 SQL：示例一

APP开发SQLite 数据库 tables 获取所有用户表

APP开发本地FileSystem 文件系统 sha256 SHA256 哈希值

APP开发本地FileSystem 文件系统 sha1 SHA1 哈希值

APP开发本地FileSystem 文件系统 md5 MD5 哈希值

APP开发本地FileSystem 文件系统 list 查看解压出来的目录

APP开发本地FileSystem 文件系统 unzip 解压 zip 文件

APP开发本地FileSystem 文件系统 download 下载一个视频，完整后播放

APP开发本地FileSystem 文件系统 download 下载完成后调用文档阅读器打开

APP开发本地FileSystem 文件系统 download 下载完成后调用系统软件自动打开

APP开发本地FileSystem 文件系统 download 下载文件 – 不管本地是否存在始终强制下载