この記事では、WeChat ミニ プログラム に関する関連知識を提供します。主に WeChat ミニ プログラム開発の一般的な機能を紹介します。この記事では、サンプル コードを通じて詳細に紹介します。あるいは参考価値のある作品なので、皆様のお役に立てれば幸いです。
[関連する学習の推奨事項: 小さなプログラム学習チュートリアル]
電話 wx.getUserProfile メソッドは、基本的なユーザー情報を取得します。これは、ページ上でクリック イベントが発生した後にのみ呼び出すことができます (たとえば、button の bindtap のコールバック内)。リクエストごとに承認ウィンドウがポップアップ表示されます。ユーザーが同意すると、userInfo# が返されます。
| Type | デフォルト値 | 必須 | 説明 | |
|---|---|---|---|---|
| string | en | No | ユーザー情報を表示する言語 | |
| string | は | はユーザーの個人情報を取得する目的を宣言します。30文字を超えないものとします。 | ||
| function | No | 成功したインターフェイス呼び出しのコールバック関数 | ||
| function | No | インターフェイスの呼び出しに失敗したコールバック関数 | ||
| function | No | インターフェイス呼び出しの最後にあるコールバック関数 (呼び出しが成功または失敗した場合に実行されます) |
wx.getUserProfile({
desc: '用于完善用户基本资料', // 声明获取用户个人信息后的用途，不超过30个字符
success: (res) => {
console.log(res.userInfo));
}
})Get戻り値
{
"nickName": "秋梓", // 微信昵称
"gender": 0,
"language": "zh_CN",
"city": "",
"province": "",
"country": "",
"avatarUrl": "https://thirdwx.qlogo.cn/mmopen/vi_32/qrSYVbDbBhunywgP5HTx4mhT8HVNzhmlibd8pfYo4guPJ5w/132" // 头像
}携帯電話番号の取得
使用方法
ボタン コンポーネント
open-type の値を getPhoneNumber に設定する必要があります。ユーザーがクリックして同意した後、 bindgetphonenumber イベント コールバックは動的トークン code を取得し、開発者バックエンドに code を渡し、WeChat バックエンドによって提供されるphonenumber.getPhoneNumber インターフェイスを呼び出します。開発者のバックエンドで、ユーザーの携帯電話番号と引き換えに code を使用します。各 コードは 5 分間有効で、1 回のみ使用できます。 注:
によって返される code には、wx.login によって返される code とは異なる機能があり、使用できません。それを混ぜてください。 コード例
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
戻りパラメータの説明
| 説明 | 最小バージョン | コード | |
|---|---|---|---|
| 動的トークン。ユーザーの携帯電話番号を動的トークンと交換できます。使用方法の詳細phonenumber.getPhoneNumber インターフェイス |
Page({
getPhoneNumber (e) {
console.log(e.detail.code)
}
})| デフォルト値 | 必須 | 説明 | #access_token / cloudbase_access_token | string |
|---|---|---|---|---|
| は | インターフェイス呼び出し資格情報 | code | string | |
| は、バウチャーを取得するための | 携帯電話番号です。 | #返された JSON データ パケット |
| errcode | number | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| errmsg | string | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| phone_info | オブジェクト | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
返回结果示例 {
"errcode":0,
"errmsg":"ok",
"phone_info": {
"phoneNumber":"xxxxxx",
"purePhoneNumber": "xxxxxx",
"countryCode": 86,
"watermark": {
"timestamp": 1637744274,
"appid": "xxxx"
}
}
}ログイン後にコピー 实现微信支付 唤起微信支付的核心方法调用
/**
* 微信支付方法
* @param {string} oderId 订单id
* @param {string} total 订单金额
* @param {stromg} openId 登陆人openid
*/
function weixinPayFun(data) {
wx.showLoading({
mask: true
})
const http = new Http()
return new Promise((resolve, reject) => {
// 请求支付接口
http.post(`${env.fayongApi}/app/shopping/order/pay`, data).then(res => {
// 获取支付签名信息
let payInfo = res.data
// 调起微信支付
wx.requestPayment({
"timeStamp": payInfo.timeStamp + '',
"nonceStr": payInfo.nonceStr,
"package": payInfo.package,
"signType": "RSA",
"paySign": payInfo.paySign,
"success": function (res) {
console.log(res, 'success');
// 支付成功
resolve(res)
},
"fail": function (err) {
// 支付失败
reject(err)
},
"complete": function (res) {
wx.hideLoading()
}
})
})
})
}ログイン後にコピー 添加分享功能在需要分享的分享的页面中添加
静态分享 示例代码 Page({
// 分享
onShareAppMessage() {
return {
title: "乐福健康", // 分享标题
path: "pages/newhome/index", // 分享地址路径
}
}
})ログイン後にコピー 添加完成后点击右上角胶囊按钮会分享图标会亮起
带参分享上面的分享是不带参数的，我们可以直接在路径中动态添加参数，分享后用户点击时会触发 // 分享
onShareAppMessage() {
const that = this;
return {
title: that.data.goodInfo.goodName, // 动态获取商品名称
path: "pages/component/orderparticulars/orderparticulars?id=" + that.data.productId, // 动态传递当前商品id
imageUrl: that.data.background[0] // 获取商品封面图
}
}ログイン後にコピー 动态获取分享图片和标题后我们每次分享时会出现不同内容
全局分享除此之外我们也可以添加全局分享功能 首先要在每个页面中添加 在需要被分享的页面添加如下代码 Page({
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
// 函数体内容为空即可
}
})ログイン後にコピー 接着在 //重写分享方法
overShare: function () {
//间接实现全局设置分享内容
wx.onAppRoute(function () {
//获取加载的页面
let pages = getCurrentPages(),
//获取当前页面的对象
view = pages[pages.length - 1],
data;
if (view) {
data = view.data;
// 判断是否需要重写分享方法
if (!data.isOverShare) {
data.isOverShare = true;
view.onShareAppMessage = function () {
//重写分享配置
return {
title: '分享标题',
path: "/pages/index/index" //分享页面地址
};
}
}
}
})
},ログイン後にコピー 然后在 onLaunch() {
this.overShare()
}ログイン後にコピー 分享按钮在开发中我们也会碰到点击分享按钮实现分享功能，实现代码如下 首先在 <!-- 分享按钮 -->
<van-button type="primary" icon="share" round class="search" open-type="share" size="small">
分享
</van-button>ログイン後にコピー 之后要确保我们在 效果如下：
获取用户收货地址 获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。 wx.chooseAddress({
success(res) {
console.log(res.userName)
console.log(res.postalCode)
console.log(res.provinceName)
console.log(res.cityName)
console.log(res.countyName)
console.log(res.detailInfo)
console.log(res.nationalCode)
console.log(res.telNumber)
}
})ログイン後にコピー 参数说明
画像のプレビュー 呼び出しメソッド: 新しいページで画像を全画面でプレビューします。プレビュープロセス中に、ユーザーは写真を保存したり、友人に送信したりすることができます。
效果
取消顶部默认的导航栏找到页面 {
"usingComponents": {
},
"navigationStyle":"custom"
}ログイン後にコピー 添加自定义样式后可以达到如下效果
【相关学习推荐：小程序学习教程】 以上がWeChatミニプログラム開発の共通機能まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
関連ラベル：
ソース：jb51.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
テーブルではなく DOM を通じてデータをレンダリングする方法
作成中のアプリケーションについて質問があります。Oracle データベースを使用しており、データベースから情報を取得し、テーブルを介して画面に表示していますが、データを個別に処理し...
から 2024-04-04 18:17:27
0
1
3567
Google SHOPIFYユーザーログイン後の認証プロセス
Google にログインした後、ユーザーの承認されたアカウントに関する情報がどこにも見つかりません。 laravel ベースのアプリケーションがあります。Google にログインし...
から 2024-04-04 09:40:59
0
1
310
関連トピック
詳細>
|
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
