起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

楼主: xtavoxing

[结贴] 谁能提供一下微信分享功能的详细开发步骤呀?

  [复制链接]

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-22 16:42:37 | 显示全部楼层
hecr 发表于 2016-4-22 16:16
把你分享的js代码发来看看

        Model.prototype.pengyouquanclick = function(event) {
                share.onMenuShareTimeline({
                        title : '互联网之子',
                        link : 'http://qssh-hh.com',
                        imgUrl : 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                        trigger : function(res) {
                                alert('用户点击分享到朋友圈');
                        },
                        success : function(res) {
                                alert('已分享');
                        },
                        cancel : function(res) {
                                alert('已取消');
                        },
                        fail : function(res) {
                                alert(JSON.stringify(res));
                        }
                       
                });
               
                //this.comp("popOver1").hide();
        };//分享到微信朋友圈

        Model.prototype.weixinclick = function(event) {
                share.onMenuShareAppMessage({
                        title : '互联网之子',
                        desc : '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
                        link : 'http://movie.douban.com/subject/25785114/',
                        imgUrl : 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                        trigger : function(res) {
                                // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容,因为客户端分享操作是一个同步操作,这时候使用ajax的回包会还没有返回
                                alert('用户点击发送给朋友');
                        },
                        success : function(res) {
                                alert('已分享');
                        },
                        cancel : function(res) {
                                alert('已取消');
                        },
                        fail : function(res) {
                                alert(JSON.stringify(res));
                        }
                });
                //this.comp("popOver1").hide();
        };
回复 支持 反对

使用道具 举报

12

主题

2627

帖子

2866

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2866
发表于 2016-4-22 16:59:12 | 显示全部楼层
注意以下两点:
1. UI2/system/config/config.json中的wxAppId是否正确;
2. 是否调用了base.ready, 具体参考/UI2/system/api/native/demo/test.w中的实现
回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-22 17:41:49 | 显示全部楼层
hecr 发表于 2016-4-22 16:59
注意以下两点:
1. UI2/system/config/config.json中的wxAppId是否正确;
2. 是否调用了base.ready, 具体参 ...

加了。base.ready(function() {
                        self.ready.set(true);
                       
                });
这个代码之后 就报错。cannot call method set of undefined.
我加了
var base = require('$UI/system/api/native/base');
var share = require('$UI/system/api/native/share');
这两个进来了。还需要加别的吗?
回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-22 17:45:35 | 显示全部楼层
hecr 发表于 2016-4-22 16:59
注意以下两点:
1. UI2/system/config/config.json中的wxAppId是否正确;
2. 是否调用了base.ready, 具体参 ...

我在test.w  里。可以使用ready方法。
可是在我的w文件里。this.ready方法。没有。这是为什么了?
回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-22 18:04:54 | 显示全部楼层
hecr 发表于 2016-4-22 16:59
注意以下两点:
1. UI2/system/config/config.json中的wxAppId是否正确;
2. 是否调用了base.ready, 具体参 ...

报错。cannot call method set of undefined. 这个原因找到了。还需要加
this.ready = justep.Bind.observable(false);
加了之后 就没有报错了。可是在微信中。分享功能还是没有成功。点了没反应。
回复 支持 反对

使用道具 举报

12

主题

2627

帖子

2866

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2866
发表于 2016-4-24 09:19:49 | 显示全部楼层
建议楼主装个微信开发工具调试看看: http://dldir1.qq.com/WechatWebDe ... tools_0.5.0_x64.exe
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
发表于 2016-4-24 13:22:15 | 显示全部楼层
你写的代码看看
回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-24 17:22:21 | 显示全部楼层

define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Baas = require("$UI/demo/baas/baas");
        var base = require('$UI/system/api/native/base');
        var share = require('$UI/system/api/native/share');
       
                var Model = function() {
                this.callParent();
                this._userPhotoURL = "";
                this.ready = justep.Bind.observable(false);
        };
        Model.prototype.modelLoad = function(event) {
                var self = this;
                if (this._userPhotoURL) {
                        $(this.getElementByXid("photoImage")).attr("src", this._userPhotoURL);
                } else {
                        $(this.getElementByXid("photoDiv")).hide();
                }
               
                base.ready(function() {
                        self.ready.set(true);
                       
                });
        };

        Model.prototype.pengyouquanclick = function(event) {
       
                share.onMenuShareTimeline({
                        title : '互联网之子',
                        link : 'http://qssh-hh.com',
                        imgUrl : 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                        trigger : function(res) {
                                alert('用户点击分享到朋友圈');
                        },
                        success : function(res) {
                                alert('已分享');
                        },
                        cancel : function(res) {
                                alert('已取消');
                        },
                        fail : function(res) {
                                alert(JSON.stringify(res));
                        }
                       
                });
               
                //this.comp("popOver1").hide();
        };//分享到微信朋友圈

        Model.prototype.weixinclick = function(event) {
                share.onMenuShareAppMessage({
                        title : '互联网之子',
                        desc : '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
                        link : 'http://movie.douban.com/subject/25785114/',
                        imgUrl : 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                        trigger : function(res) {
                                // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容,因为客户端分享操作是一个同步操作,这时候使用ajax的回包会还没有返回
                                alert('用户点击发送给朋友');
                        },
                        success : function(res) {
                                alert('已分享');
                        },
                        cancel : function(res) {
                                alert('已取消');
                        },
                        fail : function(res) {
                                alert(JSON.stringify(res));
                        }
                });
                //this.comp("popOver1").hide();
        };

回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-24 17:25:48 | 显示全部楼层

就是上面的代码,论主说,x5的代码好像会自动识别是在哪个容器里,在微信里就会调用js-sdk,  在APP里就会调用插件, 后台代码大概看了下,没看懂。不知道哪里判断的。。
在APP的分享功能是OK的可正常使用,
可是在微信公众号里就用不了
回复 支持 反对

使用道具 举报

39

主题

241

帖子

454

积分

中级会员

Rank: 3Rank: 3

积分
454
QQ
 楼主| 发表于 2016-4-24 18:08:54 | 显示全部楼层
hecr 发表于 2016-4-24 09:19
建议楼主装个微信开发工具调试看看: http://dldir1.qq.com/WechatWebDev/release/0.5.0/wechat_web_devtoo ...

从工具里看,好像是功能的。可是就是没有跳出分享的窗口来。。这个怎么看。
QQ图片20160424181139.png
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-21 04:59 , Processed in 0.100463 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表