什么是苹果TF签名？

iOS 上架签名

近期由于ios企业签名的动荡出现的频繁掉签，超级签名的价格也一直居高不下。

TF签名再度出现到大家的视野，它独有的稳定性和超级大容量的安装设备，价格似乎也比较合适，因此广受APP运营商的追捧。

TF签名是什么？

TF签名其实只是行业内的叫法，它的全称是TestFlight，是苹果官方认可的一种应用测试渠道，所有要上架到TestFlight应用商店的APP都需要经过苹果官方的审核。

成功上架到TestFlight应用商店后，用户可以通过公开的链接进入TestFlight应用商店并加入到该APP版本的内测中。

TF签名有什么优势？

1、TF签名更稳定

前面提到过，凡是要上架到TestFlight应用商店的APP都是需要通过苹果官方的审核的，一旦成功上架到TestFlight应用商店，一般不会轻易掉签，除非你在后期的运营中出现

违规内容被用户举报或者恶意刷量。

值得一提的是，TestFlight的使用期限是3个月，它可以安装1万台手机，即使过期或者超过1万台安装设备了只要你的应用服务还在，对已安装该应用的设备是不会受到影响

的，这时你只需要重新上架生成新的TestFlight下载链接提供到新用户下载安装即可。

2、TF签名价格适中

如果你是一名IOS开发者，可以独立操作上架到TestFlight是不需要一毛钱的。这里主要针对普通的APP运营商，他们对TestFlight上架的流程和政策并不熟悉，所以需要寻求专

业平台的帮助。

按了解，TestFlight代上架的计费方式有按月、按季度，按月的话一般只需要2000元上下，按季度在5000元左右。其价格和独立版企业签名差不多，不同的是，TF签名即使掉

签也不会影响到已安装的应用的用户。

是否存在永久不掉签的TF签名？

在网上看到有不少打着永不掉签的噱头的商家很多，往往也有不少APP运营商被这所谓的“永不掉签”所迷惑。

在这里，我可以负责任的告诉你，遇到打着这种噱头的商家，一定要提高警惕。

即使是超级签名，也没有绝对的稳定可言，因为你知道这些平台会给你用的那种号做签名，如果是一些境外号或者调查号说不定几天就掉签了。

TF签名掉签的可能性一般出现在运营商，如果在运营的过程中出现违规的内容被用户或同行举报触发了苹果的审核，掉签是肯定的。

最后值得注意的是，由于TestFlight上架需要通过苹果官方的审核，一些涉及违规内容的应用基本是上架无望。如果通过特殊的技术规避比如采用加壳/换壳等手段，能够成功

上架到TestFlgith的可能还是有的，这也是马甲包的一种。

如果有特殊应用需要TF签名的，可以联系我，专业做APP代上架：

Q：1481983952

继续阅读 »

近期由于ios企业签名的动荡出现的频繁掉签，超级签名的价格也一直居高不下。

TF签名再度出现到大家的视野，它独有的稳定性和超级大容量的安装设备，价格似乎也比较合适，因此广受APP运营商的追捧。

TF签名是什么？

TF签名其实只是行业内的叫法，它的全称是TestFlight，是苹果官方认可的一种应用测试渠道，所有要上架到TestFlight应用商店的APP都需要经过苹果官方的审核。

成功上架到TestFlight应用商店后，用户可以通过公开的链接进入TestFlight应用商店并加入到该APP版本的内测中。

TF签名有什么优势？

1、TF签名更稳定

前面提到过，凡是要上架到TestFlight应用商店的APP都是需要通过苹果官方的审核的，一旦成功上架到TestFlight应用商店，一般不会轻易掉签，除非你在后期的运营中出现

违规内容被用户举报或者恶意刷量。

值得一提的是，TestFlight的使用期限是3个月，它可以安装1万台手机，即使过期或者超过1万台安装设备了只要你的应用服务还在，对已安装该应用的设备是不会受到影响

的，这时你只需要重新上架生成新的TestFlight下载链接提供到新用户下载安装即可。

2、TF签名价格适中

如果你是一名IOS开发者，可以独立操作上架到TestFlight是不需要一毛钱的。这里主要针对普通的APP运营商，他们对TestFlight上架的流程和政策并不熟悉，所以需要寻求专

业平台的帮助。

按了解，TestFlight代上架的计费方式有按月、按季度，按月的话一般只需要2000元上下，按季度在5000元左右。其价格和独立版企业签名差不多，不同的是，TF签名即使掉

签也不会影响到已安装的应用的用户。

是否存在永久不掉签的TF签名？

在网上看到有不少打着永不掉签的噱头的商家很多，往往也有不少APP运营商被这所谓的“永不掉签”所迷惑。

在这里，我可以负责任的告诉你，遇到打着这种噱头的商家，一定要提高警惕。

即使是超级签名，也没有绝对的稳定可言，因为你知道这些平台会给你用的那种号做签名，如果是一些境外号或者调查号说不定几天就掉签了。

TF签名掉签的可能性一般出现在运营商，如果在运营的过程中出现违规的内容被用户或同行举报触发了苹果的审核，掉签是肯定的。

最后值得注意的是，由于TestFlight上架需要通过苹果官方的审核，一些涉及违规内容的应用基本是上架无望。如果通过特殊的技术规避比如采用加壳/换壳等手段，能够成功

上架到TestFlgith的可能还是有的，这也是马甲包的一种。

如果有特殊应用需要TF签名的，可以联系我，专业做APP代上架：

Q：1481983952

收起阅读 »

个人承接H5、小程序、网站等，技术主要是uni app、vue、react、taro等，如果有需求，价格美丽，欢迎来聊

外包

1.经验丰富，做过多种类型项目；
2.代码规范，
3.技术技术栈丰富；
4.喜欢纯前端的活，如果有需要后端的，我可以联系
5.已有跟其他老板合作非常顺利，但是也有遇到谈好的价格，最后鸡蛋里面挑骨头，希望来找我的老板，我们都能合作愉快；
6.希望我们互利共赢
7.wx: 18896963944, 备注 uni app

继续阅读 »

uniapp Android调用各种权限（主要解决webview使用相机无法获取权限）

相机权限

代码如下：

    onLaunch: function() {  
        console.log('onLaunch')  
        //监听底部中间菜单的事件  
        uni.onTabBarMidButtonTap(()=>{  
            plus.android.requestPermissions(['android.permission.CAMERA'], function(e){  
                if(e.deniedAlways.length>0){ //权限被永久拒绝  
                    // 弹出提示框解释为何需要权限，引导用户打开设置页面开启  
                    console.log('权限被永久拒绝'+e.deniedAlways.toString());  
                }  
                if(e.deniedPresent.length>0){    //权限被临时拒绝  
                    // 弹出提示框解释为何需要权限，可再次调用plus.android.requestPermissions申请权限  
                    console.log('权限被临时拒绝'+e.deniedPresent.toString());  
                }  
                if(e.granted.length>0){  //权限被允许  
                    console.log('权限被允许'+e.granted.toString());  
                }  
            }, function(e){  
                     console.log('Request Permissions error:'+JSON.stringify(e));  
            });  
            uni.navigateTo({  
                url:'/pages/mirror/index'  
            })  
        });  
    },

代码如下：

    onLaunch: function() {  
        console.log('onLaunch')  
        //监听底部中间菜单的事件  
        uni.onTabBarMidButtonTap(()=>{  
            plus.android.requestPermissions(['android.permission.CAMERA'], function(e){  
                if(e.deniedAlways.length>0){ //权限被永久拒绝  
                    // 弹出提示框解释为何需要权限，引导用户打开设置页面开启  
                    console.log('权限被永久拒绝'+e.deniedAlways.toString());  
                }  
                if(e.deniedPresent.length>0){    //权限被临时拒绝  
                    // 弹出提示框解释为何需要权限，可再次调用plus.android.requestPermissions申请权限  
                    console.log('权限被临时拒绝'+e.deniedPresent.toString());  
                }  
                if(e.granted.length>0){  //权限被允许  
                    console.log('权限被允许'+e.granted.toString());  
                }  
            }, function(e){  
                     console.log('Request Permissions error:'+JSON.stringify(e));  
            });  
            uni.navigateTo({  
                url:'/pages/mirror/index'  
            })  
        });  
    },

#插件# IOS视频流处理插件需求外包

插件 iOS

1、在IOS系统上实现：请求websocket接口，接口返回h264的fmp4数据流，把数据流渲染出来。
2、原生实现，要求封装成uniapp的插件。
3、兼容要求：
a) 兼容IOS9.0及以上版本IOS操作系统，兼容iPhone5S及以上型号iPhone手机；
详情见附件。联系电话或微信：13950003396

继续阅读 »

有没有拼团买uniapp视频教程的，3人拼团只要1块钱，还差2个

uni-app 5小时快速入门【3人成团，快来加入】
https://m.imooc.com/groupdetail/1215/dpylDvPykRvXkBNm/Knx5yVlPmJY4g0R7?utm_source=share

uni-app 跨平台SDK 支持iOS端Android端，实时音视频快速接入

webrtc uniapp插件 SDK Android uni_app

uni-app 实时音视频快速接入

以Android平台为例，介绍一下uni-app原生插件

什么是uni原生插件

uni原生插件指的是将您本地原生开发的功能按照规范封装成插件包，然后即可在uni-app前端项目中通过js调用您开发的原生能力。

开发环境

JAVA环境 jdk1.7+(最优1.8)
Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区
下载uni小程序 2.9.8+SDK 详情；
HBuilderX-2.9.8+

详情请看原文

继续阅读 »

Android uni-app 封装原生插件

视频 webrtc 直播 Android uniapp

前言

据广大用户的需求，需要把我们anyRTC的SDK，封装到uni-app来使用，并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件，并且在下一章uni-app实现音视频通话。

anyRTC开发者中心

1.uni-app是什么？

一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
如果你还没有了解uni-app是什么：点击这里：这篇文章举例说明。

2.uni-app的特点

1、跨平台更多

真正做到“一套代码、多端发行”！
条件编译：优雅的在一个项目里调用不同平台的特色功能！

2、运行体验好

组件、api与微信小程序一致
兼容weex原生渲染

3、通过技术栈，学习成本低

vue的语法、微信小程序的api
内嵌mpvue

4、开放生态，组件更丰富

5、支持通过npm安装第三方包

6、支持微信小程序自定义组件及SDK

7、兼容mpvue组件及项目

8、App端支持和原生混合编码

9、DCloud将发布插件市场

3.uni-app封装原生插件

3.1 Android离线SDK下载：

点击下载，两个SDK均可。

下载完成，解压备用：

3.2 新建Android项目

打开Android Studio，建立一个No Activity项目。在菜单栏选择File>New>New Project

然后Next：填写项目名，包名，已经API Level。

然后Finish，为了更好的使用，我们把它转到Project视图。接下来创建开发的模块（Module）

点击File>New>New Module.

然后选择Android Library，点击Next：

自定义Library名和包名，点击Finish

创建完毕视图如下：

接下来打开testplugin项目里的build.gradle，将原生的dependencies下默认生成的依赖注释掉，添加uni-app所需库的依赖：

compileOnly "com.android.support:recyclerview-v7:28.0.0"  
compileOnly "com.android.support:support-v4:28.0.0"  
compileOnly "com.android.support:appcompat-v7:28.0.0"  
implementation 'com.alibaba:fastjson:1.1.46.android'  
implementation 'com.facebook.fresco:fresco:1.13.0'

添加完成如下图所示：

另外把导入的uniapp-release.aar插件，它是扩展module主要依赖库

回到刚刚创建的testplugin的build.gradle中，接下来进行导入aar需要的配置操作：

添加：放在android{}外

repositories {  
    flatDir {  
        dirs 'libs'  
    }  
}

然后在dependencies内添加：

compileOnly fileTree(dir: '../app/libs', include: ['uniapp-release.aar'])

添加完毕，如下图：

然后 同步 Sync Now!

3.3 原生插件的开发

以扩展Module为例，如图创建类TestModule：

Module扩展注意事项：

写一个小demo：

import android.util.Log;  
import com.alibaba.fastjson.JSONObject;  
import com.taobao.weex.annotation.JSMethod;  
import com.taobao.weex.bridge.JSCallback;  
import com.taobao.weex.common.WXModule;  

public class TestModule extends WXModule{  
    String NAME="name";  
    String AGE ="age";  

    @JSMethod(uiThread = true)  
    public void testText(JSONObject options, JSCallback callBack){  
        Log.e("TestModule", "成功调用!" );  
        String name =options.getString(NAME);  
        String age =options.getString(AGE);  
        JSONObject data =new JSONObject();  
        if (name !=null && !name.isEmpty() && age !=null && !age.isEmpty()){  
            int _age =Integer.parseInt(age);  
            if (_age<0 || _age>30){  
                data.put("code","不合格!");  
            }else {  
                age=(_age>0 && _age<10) ? "0"+age:age;  
                data.put("code","合格:"+"姓名_"+name+",年龄_"+age);  
            }  
        }else {  
            data.put("code","输入无效!");  
        }  
        callBack.invoke(data);  
    }  
}

3.3.1 注册插件：

方法（一）：

在app>src>main目录下创建assets文件夹

在app>src>main>assets目录下创建 dcloud_uniplugins.json 文件，然后添加：

{  
  "nativePlugins": [  
    {  
      "plugins": [  
        {  
          "type": "module",  
          "name": "Test-Module",  
          "class": "com.test.testplugin.TestModule"  
        }  
      ]  
    }  
  ]  
}

方法（二）：

对创建的Module扩展testplugin进行操作，在 src>main>java>插件包名(这里是com.test.testplugin)目录下创建类TestModule_AppProxy

TestModule_AppProxy类要实现AppHookProxy接口，在onCreate（）方法中添加weex注册相关参数或填写插件需要在启动时初始化的逻辑。

在hooksClass节点填入你创建的实现AppHookProxy接口的实体类的完整名称 (注：有些需要初始化操作的需求可以在此处添加逻辑，无特殊操作仅使用第一种方式注册即可无需集成AppHookProxy接口)

注册完毕，开始打包插件

3.3.2 打包插件：

在Gradle>testplugin>Tasks>other目录下找到assembleRelease，双击等待系统编译出扩展module的aar文件

注意：官方文档中是

选择

Gradle--->插件module--->Tasks--->build--->assembleRelease编译module的aar文件

，在新版本的AndroidStudio中,assembleRelease和assembleDebug被转移到other目录下。

成功后在testplugin>build>outputs>aar目录下就可以找到相关插件了

4.HBuilderX导入和使用本地插件

创建uni-app默认项目TestModule

参照官方文档中的目录规范，将刚才打包的插件放到nativeplugins>插件文件夹名称（我的是Test-Module）>android目录下，没有相关目录就一步步创建。

创建package.json——uni原生插件描述文件，放到插件文件夹名称目录下，与android文件夹并列

注意：插件标识id必须在对应android和ios节点下plugins中进行注册，与name字段值一致。name下的class是注册插件的类名，也要填对。

这里因为只有android插件，就把ios节点全部删掉，在这里直接注释的话是无效的。

还有要注意的一点：插件标识id一定要与插件文件夹名称一致，不然在云打包时会提示 插件不合法：该插件在nativePlugins目录下不存在。

在manifest.json下配置App原生插件

勾选并确认

parameters信息根据需求配置

接下来在HBuilderX内对项目中的index.vue文件（在pages>index目录下）做出一定更改，以便后续测试开发的原生插件。

<template>  
    <view class="container">  
        姓名<input v-model="name" placeholder="点此编辑姓名" >  
        <br>  
        年龄<input v-model="age" placeholder="点此编辑年龄" >  
        <br>  
        <button type="default" @click="test">提交</button>  
        <view>{{name}}</view>  
        <view>{{age}}</view>  
        <view>{{ result }}</view>  
    </view>  
</template>  

<script>  
    var testModule = uni.requireNativePlugin("Test-Module");  
    export default {  
        data() {  
            return {  
                name:"",  
                age:"",  
                result:"暂未提交"  
            }  
        },  
        methods: {  
            test(){  
                testModule.testText({  
                    'name':this.name,  
                    'age':this.age,  
                },  
                (ret) =>{  
                    this.result="[提交反馈]"+ret.code;  
                })  
            }  
        }  
    }  
</script>

5.运行项目

打包自定义基座：

运行(R)>运行到手机或模拟器(N)>制作自定义调试基座(P)

配置App云端打包信息：

云端打包：

提交到云端服务器：

打包成功：

打包成功后需要在下图位置确保开启自定义调试基座功能：

启动模拟器，或者真机运行：

进入测试项目：

输入姓名tom和年龄9（大于0小于10前面自动补0）测试插件，点击提交

反馈提交结果

把年龄改为31（插件设置年龄范围为0~30），反馈如下

至此，测试成功！

完结！

作者：anyRTC-东慕雨
anyRTC官网：https://www.anyrtc.io/
链接：https://juejin.cn/post/6904902110505402376

继续阅读 »

前言

据广大用户的需求，需要把我们anyRTC的SDK，封装到uni-app来使用，并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件，并且在下一章uni-app实现音视频通话。

anyRTC开发者中心

1.uni-app是什么？

一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
如果你还没有了解uni-app是什么：点击这里：这篇文章举例说明。

2.uni-app的特点

1、跨平台更多

真正做到“一套代码、多端发行”！
条件编译：优雅的在一个项目里调用不同平台的特色功能！

2、运行体验好

组件、api与微信小程序一致
兼容weex原生渲染

3、通过技术栈，学习成本低

vue的语法、微信小程序的api
内嵌mpvue

4、开放生态，组件更丰富

5、支持通过npm安装第三方包

6、支持微信小程序自定义组件及SDK

7、兼容mpvue组件及项目

8、App端支持和原生混合编码

9、DCloud将发布插件市场

3.uni-app封装原生插件

3.1 Android离线SDK下载：

点击下载，两个SDK均可。

下载完成，解压备用：

3.2 新建Android项目

打开Android Studio，建立一个No Activity项目。在菜单栏选择File>New>New Project

然后Next：填写项目名，包名，已经API Level。

然后Finish，为了更好的使用，我们把它转到Project视图。接下来创建开发的模块（Module）

点击File>New>New Module.

然后选择Android Library，点击Next：

自定义Library名和包名，点击Finish

创建完毕视图如下：

接下来打开testplugin项目里的build.gradle，将原生的dependencies下默认生成的依赖注释掉，添加uni-app所需库的依赖：

compileOnly "com.android.support:recyclerview-v7:28.0.0"  
compileOnly "com.android.support:support-v4:28.0.0"  
compileOnly "com.android.support:appcompat-v7:28.0.0"  
implementation 'com.alibaba:fastjson:1.1.46.android'  
implementation 'com.facebook.fresco:fresco:1.13.0'

添加完成如下图所示：

另外把导入的uniapp-release.aar插件，它是扩展module主要依赖库

回到刚刚创建的testplugin的build.gradle中，接下来进行导入aar需要的配置操作：

添加：放在android{}外

repositories {  
    flatDir {  
        dirs 'libs'  
    }  
}

然后在dependencies内添加：

compileOnly fileTree(dir: '../app/libs', include: ['uniapp-release.aar'])

添加完毕，如下图：

然后 同步 Sync Now!

3.3 原生插件的开发

以扩展Module为例，如图创建类TestModule：

Module扩展注意事项：

写一个小demo：

import android.util.Log;  
import com.alibaba.fastjson.JSONObject;  
import com.taobao.weex.annotation.JSMethod;  
import com.taobao.weex.bridge.JSCallback;  
import com.taobao.weex.common.WXModule;  

public class TestModule extends WXModule{  
    String NAME="name";  
    String AGE ="age";  

    @JSMethod(uiThread = true)  
    public void testText(JSONObject options, JSCallback callBack){  
        Log.e("TestModule", "成功调用!" );  
        String name =options.getString(NAME);  
        String age =options.getString(AGE);  
        JSONObject data =new JSONObject();  
        if (name !=null && !name.isEmpty() && age !=null && !age.isEmpty()){  
            int _age =Integer.parseInt(age);  
            if (_age<0 || _age>30){  
                data.put("code","不合格!");  
            }else {  
                age=(_age>0 && _age<10) ? "0"+age:age;  
                data.put("code","合格:"+"姓名_"+name+",年龄_"+age);  
            }  
        }else {  
            data.put("code","输入无效!");  
        }  
        callBack.invoke(data);  
    }  
}

3.3.1 注册插件：

方法（一）：

在app>src>main目录下创建assets文件夹

在app>src>main>assets目录下创建 dcloud_uniplugins.json 文件，然后添加：

{  
  "nativePlugins": [  
    {  
      "plugins": [  
        {  
          "type": "module",  
          "name": "Test-Module",  
          "class": "com.test.testplugin.TestModule"  
        }  
      ]  
    }  
  ]  
}

方法（二）：

对创建的Module扩展testplugin进行操作，在 src>main>java>插件包名(这里是com.test.testplugin)目录下创建类TestModule_AppProxy

TestModule_AppProxy类要实现AppHookProxy接口，在onCreate（）方法中添加weex注册相关参数或填写插件需要在启动时初始化的逻辑。

在hooksClass节点填入你创建的实现AppHookProxy接口的实体类的完整名称 (注：有些需要初始化操作的需求可以在此处添加逻辑，无特殊操作仅使用第一种方式注册即可无需集成AppHookProxy接口)

注册完毕，开始打包插件

3.3.2 打包插件：

在Gradle>testplugin>Tasks>other目录下找到assembleRelease，双击等待系统编译出扩展module的aar文件

注意：官方文档中是

选择

Gradle--->插件module--->Tasks--->build--->assembleRelease编译module的aar文件

，在新版本的AndroidStudio中,assembleRelease和assembleDebug被转移到other目录下。

成功后在testplugin>build>outputs>aar目录下就可以找到相关插件了

4.HBuilderX导入和使用本地插件

创建uni-app默认项目TestModule

参照官方文档中的目录规范，将刚才打包的插件放到nativeplugins>插件文件夹名称（我的是Test-Module）>android目录下，没有相关目录就一步步创建。

创建package.json——uni原生插件描述文件，放到插件文件夹名称目录下，与android文件夹并列

注意：插件标识id必须在对应android和ios节点下plugins中进行注册，与name字段值一致。name下的class是注册插件的类名，也要填对。

这里因为只有android插件，就把ios节点全部删掉，在这里直接注释的话是无效的。

还有要注意的一点：插件标识id一定要与插件文件夹名称一致，不然在云打包时会提示 插件不合法：该插件在nativePlugins目录下不存在。

在manifest.json下配置App原生插件

勾选并确认

parameters信息根据需求配置

接下来在HBuilderX内对项目中的index.vue文件（在pages>index目录下）做出一定更改，以便后续测试开发的原生插件。

<template>  
    <view class="container">  
        姓名<input v-model="name" placeholder="点此编辑姓名" >  
        <br>  
        年龄<input v-model="age" placeholder="点此编辑年龄" >  
        <br>  
        <button type="default" @click="test">提交</button>  
        <view>{{name}}</view>  
        <view>{{age}}</view>  
        <view>{{ result }}</view>  
    </view>  
</template>  

<script>  
    var testModule = uni.requireNativePlugin("Test-Module");  
    export default {  
        data() {  
            return {  
                name:"",  
                age:"",  
                result:"暂未提交"  
            }  
        },  
        methods: {  
            test(){  
                testModule.testText({  
                    'name':this.name,  
                    'age':this.age,  
                },  
                (ret) =>{  
                    this.result="[提交反馈]"+ret.code;  
                })  
            }  
        }  
    }  
</script>

5.运行项目

打包自定义基座：

运行(R)>运行到手机或模拟器(N)>制作自定义调试基座(P)

配置App云端打包信息：

云端打包：

提交到云端服务器：

打包成功：

打包成功后需要在下图位置确保开启自定义调试基座功能：

启动模拟器，或者真机运行：

进入测试项目：

输入姓名tom和年龄9（大于0小于10前面自动补0）测试插件，点击提交

反馈提交结果

把年龄改为31（插件设置年龄范围为0~30），反馈如下

至此，测试成功！

完结！

作者：anyRTC-东慕雨
anyRTC官网：https://www.anyrtc.io/
链接：https://juejin.cn/post/6904902110505402376

收起阅读 »

Android uni-app 封装原生插件

直播 SDK Android webrtc uniapp

前言

据广大用户的需求，需要把我们anyRTC的SDK，封装到uni-app来使用，并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件，并且在下一章uni-app实现音视频通话。

后续文章内容请看原文链接

作者：anyRTC-东慕雨
anyRTC官网：https://www.anyrtc.io/

继续阅读 »

HBuilderX uniCloud 绑定云服务厂商说明

HBuilderX

uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。

uniCloud 的 web控制台地址：https://unicloud.dcloud.net.cn

uniCloud云环境创建及绑定

项目环境建好后，需要为这个项目选择一个服务空间。具体操作如下图所示：

当您账号下，存在多个服务空间，此窗口会列出当前厂商所有的服务空间。您可以在此进行切换服务空间操作。
如果您未创建服务空间，在uniCloud-tcb|aliyun目录上，右键菜单，点击【创建云服务空间】，则会跳转到浏览器进行创建。

特别说明：

如果开发者账户没有实名认证，首先需要实名认证（这是法定要求，也是阿里云、腾讯云等云服务商的要求）。
目前腾讯云仅提供一个服务空间。阿里云无限制
一个开发者可以拥有多个服务空间，每个服务空间都是一个独立的serverless云环境，不同服务空间之间的云函数、数据库、存储都是隔离的。
服务空间和手机端项目是多对多绑定关系。同账号下，一个项目可以关联到多个服务空间。一个服务空间也可以被多个项目访问。

uniCloud同时绑定多个云服务商

一个项目可以同时存在阿里云uniCloud-aliyun 和腾讯云uniCloud-tcb，当绑定多个服务空间，需要在代码中指定使用的服务空间。

uniCloud绑定其他项目的服务空间

绑定其他项目的服务空间，请参考：https://ask.dcloud.net.cn/article/37949

继续阅读 »

通胜堂软件开发

ASP 5+App开发

联系QQ290557209

前端：html5+js
服务端:asp+js+mdb

uni-app H5分享到微信配合uniCloud 完整流程

【小白，勿喷】第一次尝试，花了差不多一天的时间，仅仅是Demo
【需求说明】将自己的H5 vlog 分享给微信好友或是微信朋友圈时带图文，总之好看即可，不是单纯的链接就行
以下会分以下处理：

我在DCLOUD社区里面找了好久，也没有找到完整的教程，索性，自己去摸索！

1.注册一个微信公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo

参数配置：且看下图：

一一讲解：
url: ：

这里需要创建一个云函数 getWXToken 这个是云函数的名称（h5绑定云函数不细讲）
云函数url 化进入云函数列表官方文档

云函数里面我仅用于测试，没有做验证；如果没有配置好云函数，填写链接和token完，会提示配置失败，所以先配置好，再点击配置即可
代码如下：

'use strict';  
exports.main = async (event, context) => {  
//event为客户端上传的参数  
console.log('event : ', event)  
let WECHAT_TOKEN = "这里是在测试公众号填写的token";  
let params = event.queryStringParameters  
if(params){  
    let signature = params.signature  
    let nonce = params.nonce  
    let echostr = params.echostr  
    let timestamp = params.timestamp  
    return echostr //返回随机字符串即可  
}  
return event  
};

接下来是：JS接口安全域名
这里我用的是本地测试，所以就将项目运行，然后获取即可。h5使用的是hash模式具体配置参考 H5去除# https://blog.csdn.net/impossible1994727/article/details/111183533

配置公众号和H5项目，接下里开始准备编写云函数：

获取签名：

获取签名，这里有用到官方提供的Demo里面的node的代码下载链接
http://caibaojian.com/wxwiki/2c93473a5a98ae637b8af251cae883ffed11cf5e.zip

云函数名称 wxAction

引入微信jssdk 文章参考

https://ask.dcloud.net.cn/article/36813

jwx.js 我这边稍作修改

在页面中调用：这里看个人如何处理分享逻辑，怎么喜欢怎么来

initShare(){  
    if (this.$jwx && this.$jwx.isWechat()) {  
                    uni.showToast({  
                        title:'微信环境'  
                    })  
                    this.$jwx.initJssdk({shareTitle:'微信分享测试',shareDesc:'我是分享的描述'})  
                }  
    },

做完以上的步骤之后，就开始来测试吧。使用微信开发者工具进行测试

当出现以上的界面是，说明测试成功了

感谢以上的大神的文章参考
完整内容请看完整文章 https://blog.csdn.net/weixin_41104307/article/details/111296303

吐槽一下，由于内容比较多，写完之后，居然发不出，提示FEIFA。我也醉了。

继续阅读 »

【小白，勿喷】第一次尝试，花了差不多一天的时间，仅仅是Demo
【需求说明】将自己的H5 vlog 分享给微信好友或是微信朋友圈时带图文，总之好看即可，不是单纯的链接就行
以下会分以下处理：

我在DCLOUD社区里面找了好久，也没有找到完整的教程，索性，自己去摸索！

1.注册一个微信公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo

参数配置：且看下图：

一一讲解：
url: ：

这里需要创建一个云函数 getWXToken 这个是云函数的名称（h5绑定云函数不细讲）
云函数url 化进入云函数列表官方文档

云函数里面我仅用于测试，没有做验证；如果没有配置好云函数，填写链接和token完，会提示配置失败，所以先配置好，再点击配置即可
代码如下：

'use strict';  
exports.main = async (event, context) => {  
//event为客户端上传的参数  
console.log('event : ', event)  
let WECHAT_TOKEN = "这里是在测试公众号填写的token";  
let params = event.queryStringParameters  
if(params){  
    let signature = params.signature  
    let nonce = params.nonce  
    let echostr = params.echostr  
    let timestamp = params.timestamp  
    return echostr //返回随机字符串即可  
}  
return event  
};

接下来是：JS接口安全域名
这里我用的是本地测试，所以就将项目运行，然后获取即可。h5使用的是hash模式具体配置参考 H5去除# https://blog.csdn.net/impossible1994727/article/details/111183533

配置公众号和H5项目，接下里开始准备编写云函数：

获取签名：

获取签名，这里有用到官方提供的Demo里面的node的代码下载链接
http://caibaojian.com/wxwiki/2c93473a5a98ae637b8af251cae883ffed11cf5e.zip

云函数名称 wxAction

引入微信jssdk 文章参考

https://ask.dcloud.net.cn/article/36813

jwx.js 我这边稍作修改

在页面中调用：这里看个人如何处理分享逻辑，怎么喜欢怎么来

initShare(){  
    if (this.$jwx && this.$jwx.isWechat()) {  
                    uni.showToast({  
                        title:'微信环境'  
                    })  
                    this.$jwx.initJssdk({shareTitle:'微信分享测试',shareDesc:'我是分享的描述'})  
                }  
    },

做完以上的步骤之后，就开始来测试吧。使用微信开发者工具进行测试

当出现以上的界面是，说明测试成功了

感谢以上的大神的文章参考
完整内容请看完整文章 https://blog.csdn.net/weixin_41104307/article/details/111296303

吐槽一下，由于内容比较多，写完之后，居然发不出，提示FEIFA。我也醉了。

收起阅读 »

置顶弹窗 subVue 的实现

uniapp

// home.vue  调用弹窗  
const noticePopup = uni.getSubNVueById('notice'); //获取  
noticePopup.show("fade-in", 300) // 显示   

// notice.nvue  弹窗页面  
uni.getCurrentSubNVue().hide('fade-out')//隐藏  

相关文档：https://uniapp.dcloud.io/api/window/subNVues?id=app-getsubnvuebyid  

// pages.json 配置subVue页面  

        {  
            "path": "pages/home/home",  
            "style": {  
                "navigationBarTitleText": "首页",  
                "enablePullDownRefresh": true,  
                "onReachBottomDistance": 50,  
                "titleNView": false,  
                "app-plus": {  
                    "bounce": "none",  
                    "subNVues": [{  
                            "id": "popup",  
                            "path": "paltform/app-plus/subNVue/popup/popup",  
                            "type": "popup",  
                            "style": {  
                                "position": "absolute",  
                                "top": "0",  
                                "left": "0",  
                                "width": "100%",  
                                "height": "100%",  
                                "background": "transparent"  
                            }  
                        },  
                        {  
                            "id": "notice",  
                            "path": "paltform/app-plus/subNVue/popup/notice",  
                            "type": "popup",  
                            "style": {  
                                "position": "absolute",  
                                "top": "0",  
                                "left": "0",  
                                "width": "100%",  
                                "height": "100%",  
                                "background": "transparent"  
                            }  
                        }  
                    ]  
                }  
            }  
        },  

subVue配置：https://uniapp.dcloud.io/collocation/pages?id=app-subnvues

继续阅读 »

// home.vue  调用弹窗  
const noticePopup = uni.getSubNVueById('notice'); //获取  
noticePopup.show("fade-in", 300) // 显示   

// notice.nvue  弹窗页面  
uni.getCurrentSubNVue().hide('fade-out')//隐藏  

相关文档：https://uniapp.dcloud.io/api/window/subNVues?id=app-getsubnvuebyid  

// pages.json 配置subVue页面  

        {  
            "path": "pages/home/home",  
            "style": {  
                "navigationBarTitleText": "首页",  
                "enablePullDownRefresh": true,  
                "onReachBottomDistance": 50,  
                "titleNView": false,  
                "app-plus": {  
                    "bounce": "none",  
                    "subNVues": [{  
                            "id": "popup",  
                            "path": "paltform/app-plus/subNVue/popup/popup",  
                            "type": "popup",  
                            "style": {  
                                "position": "absolute",  
                                "top": "0",  
                                "left": "0",  
                                "width": "100%",  
                                "height": "100%",  
                                "background": "transparent"  
                            }  
                        },  
                        {  
                            "id": "notice",  
                            "path": "paltform/app-plus/subNVue/popup/notice",  
                            "type": "popup",  
                            "style": {  
                                "position": "absolute",  
                                "top": "0",  
                                "left": "0",  
                                "width": "100%",  
                                "height": "100%",  
                                "background": "transparent"  
                            }  
                        }  
                    ]  
                }  
            }  
        },  

subVue配置：https://uniapp.dcloud.io/collocation/pages?id=app-subnvues

收起阅读 »

代码如下：

更多Android权限列表

代码如下：

更多Android权限列表

uni-app 实时音视频快速接入

uni-app 实时音视频快速接入

前言

1.uni-app是什么？

2.uni-app的特点

3.uni-app封装原生插件

3.1 Android离线SDK下载：

3.2 新建Android项目

3.3 原生插件的开发

3.3.1 注册插件：

3.3.2 打包插件：

4.HBuilderX导入和使用本地插件

5.运行项目

前言

1.uni-app是什么？

2.uni-app的特点

3.uni-app封装原生插件

3.1 Android离线SDK下载：

3.2 新建Android项目

3.3 原生插件的开发

3.3.1 注册插件：

3.3.2 打包插件：

4.HBuilderX导入和使用本地插件

5.运行项目

uniCloud云环境创建及绑定

uniCloud同时绑定多个云服务商

uniCloud绑定其他项目的服务空间

uniCloud云环境创建及绑定

uniCloud同时绑定多个云服务商

uniCloud绑定其他项目的服务空间

1.注册一个 微信 公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo

获取签名：

引入微信jssdk 文章参考

1.注册一个 微信 公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo

获取签名：

引入微信jssdk 文章参考

热门文章

1.注册一个微信公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo

1.注册一个微信公众号测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo