Bagaimanakah uniapp memperoleh parameter kongsi?

Dengan peningkatan beransur-ansur dalam trafik sosial, fungsi perkongsian telah menjadi salah satu fungsi penting APP moden. Dalam proses membangunkan APP, cara mendapatkan parameter perkongsian adalah langkah penting dalam pembangunan fungsi perkongsian. Untuk pembangun uniapp, terdapat dua cara untuk mendapatkan parameter dikongsi, yang akan kami perkenalkan secara terperinci di bawah.

1. Dapatkan parameter melalui fungsi perkongsian yang disertakan dengan uni-app mpx (program mini)

Dalam pembangunan uniapp, mpx dilengkapi dengan banyak fungsi yang diperlukan untuk pembangunan program mini termasuk fungsi perkongsian yang disertakan dengan program mini. Pembangun uniapp boleh menggunakan fungsi ini untuk mendapatkan parameter kongsi dengan cepat dan mudah.

1. Tambahkan halaman yang perlu dikongsi pada fail pages.json

Tambahkan laluan halaman yang perlu dikongsi dalam fail pages.json, seperti berikut:

 "pages": [
        {
            "path": "pages/index/index",
            "style": {}
        },
        {
            "path": "pages/share/share",
            "style": {},
            "navigationBarTitleText": "分享页面"
        }
    ],

2. Tetapkan konfigurasi perkongsian program mini

Dalam setiap halaman, anda boleh menetapkan parameter perkongsian program mini melalui fungsi onShareAppMessage. Kod sampel adalah seperti berikut:

onShareAppMessage: function () {
  return{
    title:"分享标题",
    path:"/pages/share/share",
    imageUrl:"分享图片地址",
    success:function(res){
      console.log('分享成功')
    },
    fail:function(res){
      console.log('分享失败')
    }
  }
}

Melalui kod sampel ini, kita dapat melihat bahawa kita boleh menetapkan tajuk kongsi, laluan perkongsian dan alamat imej kongsi, dan juga boleh melakukan operasi yang sepadan selepas perkongsian itu berjaya atau gagal.

3. Dapatkan parameter perkongsian dalam halaman perkongsian

Dalam halaman perkongsian, kita boleh mendapatkan parameter perkongsian melalui api uni.mp. Kod sampel adalah seperti berikut:

import uni from 'uni.mp'

export default {
  created() {
    uni.getShareInfo(function(res) {
      console.log(res)
    })
  }
}

Dalam kod sampel ini, kita dapat melihat bahawa kita menggunakan API uni.mp.getShareInfo() untuk mendapatkan parameter perkongsian.

2. Dapatkan parameter dikongsi melalui objek wx program mini

Dalam uniapp, anda boleh terus menggunakan API program mini untuk mendapatkan parameter dikongsi. Begitu juga, kita juga boleh menggunakan objek wx program mini untuk mendapatkan parameter yang dikongsi Berikut ialah pengenalan terperinci tentang cara menggunakannya.

1. Tambah laluan halaman yang perlu dikongsi pada fail pages.json

Sama seperti kaedah di atas, anda perlu menambah laluan halaman yang perlu dikongsi ke fail pages.json , contohnya:

    "pages": [
        {
            "path": "pages/index/index",
            "style": {}
        },
        {
            "path": "pages/share/share",
            "style": {},
            "navigationBarTitleText": "分享页面"
        }
    ],

2. Tetapkan parameter perkongsian ke dalam fungsi onShareAppMessage()

Dalam halaman yang perlu dikongsi, gunakan fungsi onShareAppMessage() untuk menetapkan parameter perkongsian Seperti yang ditunjukkan di bawah:

onShareAppMessage: function () {
    return {
        title: '分享标题',
        path: '/pages/share/share',
        imageUrl: '分享图片地址'
    }
}

Dalam contoh ini, kami juga boleh menetapkan tajuk kongsi, laluan perkongsian dan alamat imej kongsi.

3. Dapatkan parameter perkongsian melalui wx.getShareInfo()

Dalam halaman kongsi, gunakan wx.getShareInfo() untuk mendapatkan data yang disulitkan semasa perkongsian, dan kemudian gunakan ia Fungsi penyahsulitan program mini menyahsulit data, seperti yang ditunjukkan di bawah:

// 获取分享参数
onLoad: function(options) {
   var that = this;
   //获取分享加密数据
   wx.getShareInfo({
      shareTicket: options.shareTicket,
      success: function(res) {
         //解密数据
         wx.request({
            url: '',
            data: {
              "encryptedData": res.encryptedData,
              "iv": res.iv,
              "sessionKey": that.data.sessionKey
            },
            success: function(res) {
              console.log(res.data);
            }
         })
      }
   })
}

Dalam kod sampel ini, kami menggunakan wx.getShareInfo() untuk mendapatkan data yang disulitkan dikongsi, dan kemudian menggunakan formula untuk nyahsulit dan dapatkan parameter kongsi.

Ringkasan

Melalui dua kaedah di atas, kita boleh mendapatkan parameter yang dikongsi dengan mudah dan merealisasikan fungsi perkongsian kita sendiri. Semasa proses pelaksanaan khusus, kita perlu memberi perhatian kepada beberapa butiran untuk memastikan penggunaan normal fungsi perkongsian. Pada masa yang sama, uniapp juga menyediakan dokumentasi API yang sangat komprehensif, yang boleh dilihat dan digunakan pada bila-bila masa semasa proses pembangunan.

Atas ialah kandungan terperinci Bagaimanakah uniapp memperoleh parameter kongsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!