apicloud同原生app与h5的数据交互

目录：
1、apicloud新手总结
2、apicloud同原生app与h5的数据交互
3、apicloud七牛云视频上传并截取第一帧js实现

apicloud集成SuperWebview SDK同原生APP数据交互

apicloud项目云编译生成SuperWebview SDK，将生成的文件嵌入到原生app项目中（不要忘记代码粘进去）

（1）api项目接收原生app的传值

// APP对接事件
        function appLoginSendToH5() {
            api.accessNative({
                name:'appLoginSendToH5'    //事件名，自定义，但需要和原生app上统一
            });
        }
 /////  apiready  一打开就执行的 函数:APP对接事件
            api.addEventListener({
                name:'appLoginSendToH5'
            }, function(ret, err) {
                if(ret) {
                    //监听事件，在这里进行数据交互值得处理或者页面判断等
                    //如用户名和密码
                    huser = ret.value.username;
                    hpasswd = ret.value.password;
                }else {
                   
                }
            });

（2）api项目向原生app发送事件

在win头部添加返回箭头，点击跳出该SDK返回原生app页面

            
                
            
            

            

                title
            

• 这里得方法是我用到的，更多交互方法请进apicloud官方文档:https://docs.apicloud.com/或培训课教程学习查看。

apicloud内嵌浏览器页面与数据交互

比如下图，页面中嵌套了一个浏览器H5页面，上面的title是播放视频的对应标题，点击下方其它的视频，title会根据视频的标题进行改变。

QQ图片20190702155609.jpg

    
    
    
    
    
    
    



    

        
        

            
                
            
            
{{title}}
        
    

setFrameClient方法文档：https://docs.apicloud.com/Client-API/api#93