H5app应用调用shareSDK分享到qq,微信,微博

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>账户管理</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-

scalable=0">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="$!webPath/resources/mobile/css/common.css" />
        <link rel="stylesheet" type="text/css" href="$!webPath/resources/mobile/css/hfc_style.css" />     
        <script type="text/javascript" src="$!webPath/resources/mobile/js/jquery-1.9.1.js" ></script>
        <script type="text/javascript" src="$!webPath/resources/mobile/js/init.js" ></script>
        
        <script type="text/javascript" src="$!webPath/resources/mobile/js/ShareSDK.js" ></script>
        <script>
        #set($jq="$")
        function init()
        {
            //1、配置平台信息,有开放平台账号系统的平台需要自行去申请账号(平台字段参考:http://wiki.mob.com/社交平

台配置项说明/)
            var platformConfig = {};
            
            //以下是示例
            //新浪微博
            var sinaConf = {};
            sinaConf["app_key"] = "2717668240";
            sinaConf["app_secret"] = "5ee75ee64e6c767b4dff75914cba7645";
            sinaConf["redirect_uri"] = "http://www.huifencheng.com";
            platformConfig[${jq}sharesdk.PlatformID.SinaWeibo] = sinaConf;
            
            //微信
            var weixinConf = {};
            weixinConf["app_id"] = "wx91a7749c7046a780";
            weixinConf["app_secret"] = "3a0c4da1aedb7b2bbb064f6f71b76fe3";
            platformConfig[${jq}sharesdk.PlatformID.WechatPlatform] = weixinConf;

            //QQ
            var qqConf = {};
            qqConf["app_id"] = "1105241169";
            qqConf["app_key"] = "6YyDlsuRR6qUgSJY";
            platformConfig[${jq}sharesdk.PlatformID.QQPlatform] = qqConf;

            //2、初始化ShareSDK
            ${jq}sharesdk.initSDKAndSetPlatfromConfig("1083c05e733ae", platformConfig);
        }

        function shareWeibo(){
            var params = {
                "text" : "汇纷橙好友邀请注册",
                "title" : "汇纷橙好友邀请注册",
                "imageUrl" : "http://www.huifencheng.cn/statics/images/img3/logo1.jpg",
                "url" : "$!webPath/m/seller/register.htm?uid=$!user.id",
                "titleUrl" : "$!webPath/m/seller/invite_register.htm?uid=$!user.id",
                "description" : "注册成为汇纷橙分销商",
                "site" : "汇纷橙卖家",
                "siteUrl" : "http://www.huifencheng.com",
                "type" : ${jq}sharesdk.ContentType.Auto
            };
            ${jq}sharesdk.showShareMenu(null, params, 100, 100, function (reqID, platform, state, shareInfo, error)

{
            });
        }
        </script>

    <script type="text/javascript" src="$!webPath/resources/mobilestyle/script/alert.js"></script></head>
    <body οnlοad="init()" >
        <div class="userCenterPage">
            <div class="public_top" style="background:#ffffff;">
                账户管理
            </div>
            <div class="top">
                <div class="balance_list">
                    <div class="item">
                        <span class="label">账户余额</span>
                        <span class="text">¥#if(!$balance) 0.0 #else $balance #end</span>
                    </div>
                    <div class="item">
                        <span class="label">可用金额</span>
                        <span class="text">¥#if(!$sellerAvailableBalance) 0.0 #else

$sellerAvailableBalance #end</span>
                    </div>
                    <div class="item">
                        <span class="label">冻结金额</span>
                        <span class="text text_b">¥#if(!$sellerFreezeBlance) 0.0 #else

$sellerFreezeBlance #end</span>
                    </div>
                </div>
                <div class="messageBox">
                    <a href="$!webPath/m/seller/predeposit_log.htm" class="text_w">收支明细</a>
                </div>
                <div class="settingBox">
                    <a href="$!webPath/m/seller/setting.htm">
                        <span class="icon_setting"></span>
                    </a>
                </div>
            </div>  
            
            <div class="functionSection">
                <a href="$!webPath/m/seller/seller_cash.htm">
                    <span class="icon_money2"></span>提现
                </a>
                
                <a href="$!webPath/m/seller/account_safe.htm">
                    <span class="icon_protect"></span>账户安全
                </a>
                
                <a href="$!webPath/m/seller/account_certification.htm">
                    <span class="icon_card"></span>实名认证
                </a>
                
                <a href="$!webPath/m/seller/bank_card_list.htm">
                    <span class="icon_bankcard"></span>银行卡
                </a>
                #if($!jsapiconfig)
                <a href="javascript:alert('请点击微信左上角图标进行分享');" class="no_arrow">
                    <span class="icon_person_group"></span>邀请好友开店
                </a>
                #else
                <a href="javascript:shareWeibo();" class="no_arrow">
                    <span class="icon_person_group"></span>邀请好友开店
                </a>
                #end
                
                <a href="$!webPath/m/setting_helps.htm">
                    <span class="icon_question"></span>帮助与反馈
                </a>
            </div>
        </div>
 
    </body>  
</html>

1 2 3 4 5 $sharesdk.shareContent($sharesdk.platformID.SinaWeibo, params, function (platform, state, shareInfo, error) { alert("state = " + state + "\nshareInfo = " + shareInfo + "\nerror = " + error); }); 一键分享 1 2 3 4 5 $sharesdk.oneKeyShareContent([$sharesdk.platformID.SinaWeibo, $sharesdk.platformID.TencentWeibo], params, function (platform, state, shareInfo, error) { alert("state = " + state + "\nshareInfo = " + shareInfo + "\nerror = " + error); }); 关于具体的分享参数名称,请参考“不同平台分享内容的详细说明”章节的说明。 用户授权 调用ShareSDK中的authorize方法可进行用户授权。代码如下: 1 2 3 4 5 $sharesdk.authorize($sharesdk.platformID.SinaWeibo, function (platform, state, error){ alert("state = " + state + "\nerror = " + error); }); 获取用户资料 调用ShareSDK中的getUserInfo来获取授权用户的信息。代码如下: 1 2 3 4 5 $sharesdk.getUserInfo($sharesdk.platformID.SinaWeibo, function (platform, state, user, error) { alert("state = " + state + "\nuser = " + user + "\nerror = " + error); }); iOS部分集成步骤(不发布iOS版本可略过此部分) 导入JS桥接的iOS版本组件 打开下载的JS包里的iOS/ShareSDKForJS/ShareSDKForJS.xcodeproj项目工程,选择ShareSDKForJS静态库运行Xcode,如图: 700px-js_doc_001.png 运行成功之后,请大家打开文件找到Build文件夹,然后进入文件中找到build/Products/Debug-iphonesimulato /libShareSDKForJS.a文件以及找到build/Products/Debug-iphonesimulator/usr/local /include/ShareSDKJSBridge.h这个文件,再将libShareSDKForJS.a和ShareSDKJSBridge.h这 2个文件导入到你的项目里,如图 700px-js_doc_002.png 注意:(如果在分享中弹不出分享的菜单,如果大家的ShareSDK.js文件是本地的,要把这个加到Build Phases里面的Copy Bundle Resources选项) 下载iOS版本ShareSDK,并导入到工程中。 登录ShareSDK的官方网站下载并解压最新版本的SDK。如果您还尚未下载,请 点击这里下载 或者访问 http://sharesdk.cn/Download 。解压后如图所示: 700px-js_doc_003 将ShareSDK导入工程中,并添加相应的依赖库。此步骤可以参考:《iOS快速集成指南》中的第一、第二步。执行完成后,如下图所示: 700px-js_doc_004.png 为UIWebView添加消息捕获 先导入ShareSDKJSBridge.h头文件。 1 #import "ShareSDKJSBridge.h" 然后给UIWebView设置一个委托对象,如: 1 webView.delegate = self; 注意:webView是UIWebView的对象实例。 最后实现shouldStartLoadWithRequest委托方法,并在方法中加入JSBridge的captureRequest方法,代码如下: 1 2 3 4 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { return ![[ShareSDKJSBridge sharedBridge] captureRequest:request webView:webView]; } 添加完毕后就可以对工程进行运行测试。 Android部分集成步骤(不发布Android版本可略过此部分) 导入的步骤如下: 1、参考”安卓快速集成文档“章节的说明,导入ShareSDK for Android的jar库和图片、文字资源。 2、复制github上的jsdemo项目中”cn.sharesdk.js”包中的源代码复制到你的项目中。QQ截图20150304142013 3、在您WebView加载页面地址之前。调用ShareSDKUtils.prepare(webview, webviewClient); 请注意,ShareSDKUtils.prepare方法要在WebView.setWebViewClient(WebViewClinet);之后调用,而且此后不能再调用setWebViewClient方法,否则ShareSDK的初始化操作可能失败。 下面的代码来自github上的demo: Objective-C 1 2 3 4 5 6 7 8 9 10 11 12 public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); WebView wvBody = new WebView(this); WebViewClient wvClient = new WebViewClient(); wvBody.setWebViewClient(wvClient); wvBody.setWebChromeClient(new WebChromeClient() { public boolean onJsAlert(WebView view, String url, String message, JsResult result) { return super.onJsAlert(view, url, message, result); } });
H5页面想要直接跳转到微信APP内的视频号,需要利用微信提供的JSSDK(JavaScript接口安全域名)。首先,你需要在微信公众平台上申请获取“微信开放平台”的JS-SDK权限,并配置安全域名。 以下是一个基本的步骤: 1. **引入JSSDK**: 在HTML文件头部加入微信的`<script>`标签,引入微信JSSDK的核心库: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 2. **注册回调函数**: 在window.onload或其他适当时机,设置一个全局的`wx.ready`回调,用于初始化微信环境: ```javascript window.onload = function() { wx.ready(function () { // 初始化成功后可以调用微信API }); }; ``` 3. **配置授权和跳转**: 调用`wx.openWindow`方法打开视频号链接,需要先通过`wx.config`配置安全域等信息: ```javascript var url = "weixin://video/wxvideo?v=Videoid"; // Videoid替换为实际的视频号ID wx.config({ debug: false, // 开发模式开关,调试模式会弹出错误提示 appId: 'your_app_id', // 公众账号AppId timestamp: '', // 配置的时间戳 nonceStr: '', // 配置的nonceStr signature: '', // 配置的signature jsApiList: ['openWindow'] // 需要使用的JSSDK列表 }); wx.config({ ... // 使用当前时间生成并填写timestamp、nonceStr和signature }); wx.openWindow({ url: url, success: function(res) { console.log('跳转成功'); }, fail: function(res) { console.error('跳转失败', res); } }); ``` 4. **注意**:确保你已经获得了用户对公众号的授权,因为某些操作可能需要用户的授权才能访问。此外,对于微信内部链接,微信浏览器可能会有特定的限制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值