作者:小飞燕 发布时间: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)
}
})
},
})
上一篇:微信小程序开发教程
下一篇:公众号如何添加小程序
1073位用户关注
525位用户关注
865位用户关注
789位用户关注
461位用户关注
533位用户关注
24位用户关注
10位用户关注
21位用户关注
0位用户关注
70位用户关注
13位用户关注