微信小程序分享接口
编辑:小飞燕 发布时间:2021-03-23 07:53:38
微信小程序分享界面及其用法。以下是小编编译的微信小程序分享界面使用代码。以下内容供大家参考学习。
/**
*拨打微信公众平台接口
*[url=home.php?mod=space uid=49329]@ author[/url]cx
*[url=home.php?mod=space uid=64203]@请参阅[/url]
*/
var wxopen=(function($,wxopen){
' wxopen.service='././activity/waprequest . htm ';//服务地址
wxopen.debug=true//打开调试模式
wxopen.timestamp=//生成签名的时间戳
wxopen.noncestr=//生成随机签名字符串
wxopen.signature=//签名
wxopen . share data={ };//共享内容
//必选,要使用的js接口列表。所有js接口的列表见附录2
wxopen.jsapilist=
stopvoice ',uploadvoice ',downloadvoice ',选择图像','预览图像',上传图像',downloadimage ',getnetworktype ',' openlocation ',getlocation ',' hideoptionmenu ',显示选项菜单','关闭窗口',' scanqrcode ',选择xpay ',openproductspecificview ','地址卡','选择卡片',“opencard”
];
/*微信api*/
wxopen.api={
oauth 2: ' https://open . weixin . qq.com/connect/oauth 2/authorize '
};
/**
*初始微信js-sdk
*/
wxopen.initjssdk=function(data,jsonp){
wx open . share data=data | | wx open . share data;//共享信息
var数据={ };
data[' interface code ']=' weixinopen . config ';
data[' appid ']=wxopen . sharedata . appid;
data[' url ']=window . location . href;
wxopen . call server(wxopen . service,data,callserviceback,jsonp);
//回调函数
函数callserviceback(数据){
wx open . timestamp=data . body . timestamp;
wxopen . non estr=data . body . non estr;
wxopen . signature=data . body . signature;
wxopen.config
}
};
/**
* oauth2.0认证,网页授*登录
*微信登录会跳转到微信授*登录页面,否则不做处理。
*/
wxopen . initoauth 2=function(data){
if(wxopen.isweixin){
window . location=wxopen . authorize(数据);
}
};
/**
*通过配置界面注入验证配置的权限
*/
wxopen.config=function{
/*
*通过配置界面注入验证配置的权限
*/
wx.config({
debug:wxopen.debug,//打开调试模式,所有被调用的api的返回值都会在客户端告警时发出。如果您想查看传入的参数,您可以在pc端打开它们,参数信息将通过日志打印,仅在pc端。
appid :wxopen。sharedata.appid,//必选,微信账号唯*标识
timestamp :wxopen.timestamp,//必选,生成签名的时间戳
noncestr:wxopen。nonce stor//必选,生成随机签名字符串
签名:wxopen。签名,//必需,已签名,见附录1
需要jsapilist:wxopen.jsapilist//,要使用的js接口列表,所有js接口列表见附录2
});
/*
ready方法将在验证配置信息后执行,所有接口调用必须在配置接口获得结果后进行。
*config是客户端异步操作,所以如果需要在加载页面时调用相关接口,必须在ready函数中调用相关接口,以保证正确执行。
*对于只有用户触发时才调用的接口,可以直接调用,不需要放在ready函数中。
*/
wx.ready(函数{
wxopen.onmenushareappmessage//获取“分享给朋友”按钮的状态,自定义分享内容界面
wxopen.onmenusharetimeline//获得“分享给朋友圈”按钮的状态,并自定义分享内容界面
});
/*
*如果配置信息验证失败,将执行错误功能。如果签名过期并且验证失败,则可以在config的调试模式下查看特定的错误信息。
*也可以在返回的res参数中查看,签名可以在此处更新以用于spa。
*/
wx.error(function(res) {
if(wxopen.debug){
alert(res . errmsg);
}
});
};
/**
*获取“分享给朋友”按钮的状态,并自定义分享内容界面
*/
wxopen . onmenusharappmessage=function {
wx . onmenusharappmessage({
title : wxopen . sharedata . title,desc:wxopen.sharedata.desc,link:wxopen.sharedata.link,imgurl: wxopen。共享数据。imgurl,触发器:函数(res){
wxopen。docall back(' share appmessage ',['trigger ',res]);
},
成功:功能(res) {
wxopen。docall back(' share appmessage ',['success ',res]);
},
取消:功能(res) {
wxopen。docall back(' share appmessage ',['cancel ',res]);
},
fail:功能(res) {
wxopen。docall back(' share appmessage ',['fail ',res]);
}
});
};
/**
* 获取"分享到朋友圈"按钮状态及自定义分享内容接口
*/
wxopen。onmenusharetime=function {
wx.onmenusharetimeline
标题: wxopen。共享数据。标题,link:wxopen.sharedata.link,imgurl: wxopen。共享数据。imgurl,触发器:函数(res){
wxopen。docall back(' share timeline ',['trigger ',res]);
},
成功:功能(res) {
wxopen。docall back(' share timeline ',['success ',res]);
},
取消:功能(res) {
wxopen。docall back(' share timeline ',['cancel ',res]);
},
fail:功能(res) {
wxopen。docall back(' share timeline ',['fail ',res]);
}
});
};
/**
* 用户同意授*,获取代码,*微信环境则返回获取密码链接,否则返回默认链接
*/
wx打开。authorize=function(data){
var appid=data.appid | |//公众号的唯*标识
var redirecturi=data。redirecturi | |//授*后重定向的回调链接地址,请使用工具对链接进行处理
/*
* 应用授*作用域,snsapi_base(不弹出授*页面,直接跳转,只能获取用户openid),snsapi_userinfo
*(弹出授*页面,可通过信息拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授*,也能获取其信息)
*/
var scope=data。scope | | ' snsapi _ base
var state=data.state | |//重定向后会带上状态参数,开发者可以填写a-za-z0-9的参数值,比较多128字节
vardefaulturi=数据。defaulturi | |//非微信浏览器打开默认uri,若为空则不进行处理
var url=
if(wxopen.isweixin){
varstrbuf=new stringbuffer
strbuf。append(wxopen。api。oauth 2)。追加('?').追加(' appid=').追加(appid)。追加(')。追加(' redirect_uri=').追加(encodeuricomponent(redirecturi))。追加(')。追加(' respo
nse_type=').追加('代码)。追加(')。追加(' scope=').追加(范围)。追加(')。追加(' state=').追加(状态)。追加(' #微信_重定向');
url=strbuf.tostring
}else{
url=defaulturi
}
返回url
};
/**
* 拉取用户信息snsapibase
*/
wxopen。snsapibase=function(appid,code,jsonp,fn){
var数据={ };
数据['接口代码']=' weixinopen。snsapibase ';
data[' appid ']=appid;
data[' code ']=code;
wxopen。呼叫服务器(wxopen。service,data,callserviceback,jsonp);
//回调函数
函数callserviceback(数据){
var数据=数据。body | | { };
wxopen.docallback(fn,[data]);
}
};
/**
* 拉取用户信息snsapiuserinfo
*/
wxopen。snsapiuserinfo=function(appid,code,jsonp,fn){
var数据={ };
数据['接口代码']=' weixinopen。snsapiuserinfo ';
data[' appid ']=appid;
data[' code ']=code;
wxopen。呼叫服务器(wxopen。service,data,callserviceback,jsonp);
//回调函数
函数callserviceback(数据){
var数据=数据。body | | { };
wxopen.docallback(fn,[data]);
}
};
/**
* 调用服务
*/
wxopen。call server=function(service,param,callback,jsonp){
jsonp=jsonp | | false
if(jsonp){//跨域调用
wxopen。calljsonpservice(service,param,callback);
}else{//非跨域调用
wxopen.callservice(service,param,callback);
}
};
/**
* 跨域调用后台服务
*/
wxopen。calljsonpservice=function(service,param,callback){
var callback=callback | | function { };
var param=param | | { };
param[' jsonp ']=true;
$.品牌ax({
url :service,data:param,datatype:'jsonp ',类型: 'get ',jsonp:'callbackname ',//传递给请求处理程序或页面的,用以获得跨域请求回调函数名的参数名(默认为:回调)
jsonpcallback: ' success ',//自定义的跨域请求回调函数名称,默认为框架自动生成的随机函数名
成功:函数(数据){
数据={ head : { resp code :数据。code,respdesc:data.message},body : data。数据};
callback.apply(this,[data]);
},
错误:函数(e,t){
data={ head : { resp code :-1,respdesc:e.message},body : } }
callback.apply(this,[data]);
}
});
};
/**
* 调用后台服务
*/
wx打开。call service=function(service,param,callback){
var callback=callback | | function { };
$.品牌ax({
url :service,data:param,datatype:'json ',:型'立柱,成功:函数(数据){
数据={ head : { resp code :数据。code,respdesc:data.message},body : data。数据};
callback.apply(this,[data]);
},
错误:函数(e,t){
data={ head : { resp code :-1,respdesc:e.message},body : } }
callback.apply(this,[data]);
}
});
};
/**
* 回调函数
*/
wxopen.docallback=function(fn,args){
尝试{
if(type off n==' undefined ' | | fn==' ' | | fn==null){
返回;
}
if(fn==' function '){//方法存在
fn.apply(this,args);
}
if(fn==' string '){
fn=eval(fn);
fn.apply(this,args);
}
}catch (e) {
if(wxopen.debug){
alert(e);
}
/**
* 空校验
*/
wxopen.isempty=function(str){
返回(str==null | | str==' ' | | str==' undefined ');
};
/**
* stringbuffer
*/
函数stringbuffer {
这个_字符串=新数组;
}
stringbuffer。原型。append=function(str){
这个字符串。push(str);
归还这个;
};
stringbuffer。原型。tostring=function {
返回此字符串。join(');
};
returnwxopen
})($,{});
这里是标题开头小程序获取表单内容的步骤是什么?需要什么小程序代码?这里是标题尾
小程序获取表单内容的步骤是什么?需要什么小程序代码?各位亲们知道小程序获取表单内容的方法是什么吗?在接下来的文章中,小编会为大家详细的介绍小程序获取表单内容的步骤哦。
小程序获取表单内容的步骤是什么?
小程序获取表单内容第一步:
添加from控件并为其指定bindsubmit属性值。
小程序获取表单内容的第二步:
向表单中添加输入控件,并为其指定名称属性值。
通过小程序获取表单内容的第三步:
添加一个按钮控件并为其指定form-type='submit '。
通过小程序获取表单内容的第四步:
在js中取值时使用e.detail.value.xxx或e.detail.value['xxx'],其中xxx为名称属性值。
小程序获取表单内容需要什么微信小程序代码?
获取表单内容的applet代码如下:
页面({
name:函数(e) {//获取输入的值
that=this
that.setdata({
名称: e.detail.value
})
},
id_num:函数(e) {//通过applet输入获取输入值
that=this
that.setdata({
id_num: e.detail.value
})
var id_num=that.data.id_num
if(!(id _ num . length===15 | | id _ num . length===18)){
wx.showtoast({
标题: '请输入15或18位数字身份证号码',图像: './image/error.png ',工期: 2000
})
}
},
formsubmit:函数(e) {
that=this
var token d=wx . getstoragesync(' token d ')
var name 2=e . detail . value . name 2;//获取输入的初始值
var id _ num 2=e . detail . value . id _ num 2;//获取输入的初始值
var name=that.data.name?that.data.name : name2//三元运算,如果用户不修改信息,直接提交原始信息,如果用户修改信息,将修改后的信息与未修改的信息一起提交。
var id_num=that.data.id_num?that.data.id_num : id_num2
wx.request({
方法: '发布',url: 'https://.token=' token,//applet接口地址
数据: {
姓名
:名,id_num': id_num
},
header : { ' content-type ' : ' application/json ' },成功:功能(res) {
wx.showtoast({
标题: '数据修改成功',图像: './image/suess.png ',工期: 2000
})
settimeout(函数{
wx.switchtab({
url: './index/index ',})
}, 2000)
},
fail:功能(res) {
console.log('cuowu' ':' res)
}
})
},
})
上一篇:微信小程序开发教程
下一篇:公众号如何添加小程序
猜你喜欢
-
2个小程序分享接口技巧541人喜欢
微信小程序分享接口,微信小程序分享接口用法,以下是小编整理的微信小程序分享接口用法代码,以下内容供您参考和学习。*** 调用微信公众平台接口*[url=home.php?mod=space&uid=49329]@author[url] cx*[url=home.php?mod=space&uid=64203]@see[url]*var wxopen =(…
更新时间:2020-12-26 12:17:14
-
18个微信小程序分享技巧453人喜欢
聚焦移动互联网+小程序·联接生活·联接未来,浙江微动天下小程序全国巡回分享会——武汉站与2017年7月八日在武汉圆满结束。到场参会商家近200多人,成功签约代理商数十家,现场气氛非常火爆。在此次分享会上,微动天下副总裁王鹏辉先生深刻的剖析了微信小程序的功…
更新时间:2019-10-30 20:31:10
-
微信小程序分享链接怎么弄403人喜欢
如何用微信小程序分享链接?如何分享小程序?如果你有什么好用的微信小程序,可以和你的微信好友分享微信小程序分享链接,那么如何获取微信小程序分享链接?接下来介绍方法。如何用微信小程序分…
更新时间:2021-03-08 09:11:24
-
2个微信小程序分享朋友圈技巧236人喜欢
微信小程序可以分享到朋友圈吗?微信小程序怎么分享到朋友圈?自微信小程序和大家见面后,很多人都在使用小程序,也感觉微信小程序很好用、很方便。既然这么好的东西,根据中国人的美好传统肯定是要分享的,那么,微信小程序可以分享到朋友圈吗?微信小程序怎么分享到朋…
更新时间:2020-10-05 09:24:54
-
26个小程序分享技巧141人喜欢
8月25日下午,由微动天下主办,哈尔滨小程序信息技术有限公司协办的“新生态 · 大变革——2017小程序线下高峰交流会”哈尔滨站在万众瞩目中盛大召开。分享会上,微动天下北京分公司渠道总监唐瑛女士,在会议中分析互联网红利的下半场中,如何以“更低成本、更高回报…
更新时间:2019-10-26 20:04:38
-
微信小程序分享页面98人喜欢
微信小程序分享页面,微信小程序分享页面常见问题,以下是小编整理的一些微信小程序分享页面常见问题,有兴趣的朋友可以多了解一下。rpx(响应像素)微信小程序新定义了一个大小单位,可以适应不同…
更新时间:2021-03-23 07:40:23
-
微信小程序分享接口89人喜欢
微信小程序分享界面及其用法。以下是小编编译的微信小程序分享界面使用代码。以下内容供大家参考学习。***拨打微信公众平台接口*[url=home.php?mod=space uid=49329]@ author[url]cx*[url=h…
更新时间:2021-03-23 07:53:38
-
微信小程序分享功能在哪75人喜欢
微信小程序分享功能在哪里?如何分享微信小程序?很多朋友都在问微信小程序是否支持分享。自2021年1月9日微信小程序正式上线以来,立即引起了人们和商家的极大关注。很多业内人士表示,“微信小…
更新时间:2021-03-27 16:12:47
-
微信小程序分享按钮在哪75人喜欢
微信小程序分享按钮在哪里?如何分享小程序?开发微信小程序分享按钮后,就可以分享微信小程序了。那么微信小程序分享按钮在哪里呢?以下是小编整理的微信小程序分享按钮的内容。微信小程序分享…
更新时间:2021-04-20 10:14:04
-
微信小程序分享功能怎么用74人喜欢
微信小程序分享功能怎么用?如何分享小程序?使用微信小程序分享功能后,可以直接和你的微信好友分享微信小程序,这样你的微信好友就不用自己去搜索小程序了!非常方便!微信小程序分享功能怎么…
更新时间:2021-03-08 08:33:23
-
微信小程序分享api是什么74人喜欢
微信小程序分享api是什么?applet api描述如下。微信小程序开发者在开发微信小程序分享功能时,会用到微信小程序分享api。那么微信小程序分享api是什么呢?小编向你介绍。微信小程序分享api是什…
更新时间:2021-03-14 10:31:32
-
关于小程序分享页面的设置问题72人喜欢
关于小程序分享页面的设置问题怎么解决?小程序分享页面的设置有哪些问题呢?下面小编就来为大家一一讲解下关于小程序分享页面的设置问题。一、js接口var sharemevar url=窗口。位置。hrefi…
更新时间:2021-04-12 10:04:44