Comment uniapp obtient-il les paramètres partagés ?

Avec l'augmentation progressive du trafic social, la fonction de partage est devenue l'une des fonctions essentielles des applications modernes. Dans le processus de développement d'une APP, la manière d'obtenir les paramètres de partage est une étape cruciale dans le développement des fonctions de partage. Pour les développeurs uniapp, il existe deux manières d'obtenir des paramètres partagés, que nous présenterons en détail ci-dessous.

1. Obtenez les paramètres via la fonction de partage fournie avec uni-app mpx (mini programme)

Dans le développement d'uniapp, mpx est livré avec de nombreuses fonctions nécessaires au développement de petits programmes, y compris celles fournies avec le partage de petits programmes. fonction. Les développeurs d'uniapp peuvent utiliser cette fonction pour obtenir rapidement et facilement des paramètres partagés.

1. Ajoutez les pages qui doivent être partagées au fichier pages.json

Ajoutez le chemin des pages qui doivent être partagées dans le fichier pages.json, comme indiqué ci-dessous :

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

2. Définissez le mini programme configuration de partage

dans chaque Dans la page, vous pouvez définir les paramètres de partage du mini programme via la fonction onShareAppMessage. L'exemple de code est le suivant :

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

Grâce à cet exemple de code, nous pouvons voir que nous pouvons définir le titre partagé, le chemin partagé et l'adresse de l'image partagée, et que nous pouvons également effectuer les opérations correspondantes après un partage réussi ou échoué.

3. Obtenir les paramètres de partage dans la page de partage

Dans la page de partage, nous pouvons obtenir les paramètres de partage via l'API d'uni.mp. L'exemple de code est le suivant :

import uni from 'uni.mp'

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

Dans cet exemple de code, nous pouvons voir que nous utilisons l'API uni.mp.getShareInfo() pour obtenir les paramètres de partage.

2. Obtenez les paramètres partagés via l'objet wx du mini programme

Dans uniapp, vous pouvez directement utiliser l'API du mini programme pour obtenir les paramètres partagés. De même, nous pouvons également utiliser l'objet wx du mini programme pour obtenir les paramètres partagés. Voici une introduction détaillée sur la façon de l'utiliser.

1. Ajoutez le chemin de la page qui doit être partagée au fichier pages.json

Similaire à la méthode ci-dessus, vous devez ajouter le chemin de la page qui doit être partagée au fichier pages.json, par exemple :

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

2. Définissez les paramètres de partage sur Dans la fonction onShareAppMessage()

Dans la page qui doit être partagée, utilisez la fonction onShareAppMessage() pour définir les paramètres de partage, comme indiqué ci-dessous :

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

Dans Dans cet exemple, nous pouvons également définir le titre de partage, le chemin de partage et l'adresse de l'image de partage.

3. Obtenez les paramètres de partage via wx.getShareInfo()

Dans la page partagée, utilisez wx.getShareInfo() pour obtenir les données cryptées pendant le partage, puis utilisez la fonction de décryptage du mini programme pour décrypter les données, comme montré ci-dessous :

// 获取分享参数
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);
            }
         })
      }
   })
}

Dans cet exemple de code, nous utilisons wx.getShareInfo() pour obtenir les données cryptées partagées, puis utilisons la formule pour les déchiffrer afin d'obtenir les paramètres partagés.

Résumé

Grâce aux deux méthodes ci-dessus, nous pouvons facilement obtenir les paramètres partagés et réaliser notre propre fonction de partage. Au cours du processus de mise en œuvre spécifique, nous devons prêter attention à certains détails pour garantir l'utilisation normale de la fonction de partage. Parallèlement, uniapp fournit également une documentation API très complète, qui peut être consultée et utilisée à tout moment pendant le processus de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!