<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

          uni-app微信小程序分享微信好友與分享到朋友圈功能

          2021/1/31 22:24:29 深山工作室 字體: 瀏覽 6807



          微信小程序的本地真機測試也是有效的,或者上傳的體驗版也是可以正常使用的,不一定非要正式版才可以使用。

          這個是按鈕的分享,就是點擊一下按鈕就可以分享出去


          <button class="class_guanzhu" data-src="這個是分享圖片地址" data-title="這個是分享標題" open-type="share">發給好友</button>
          <button data-src="這個是分享圖片地址" data-title="這個是分享標題" open-type="share">發到朋友圈</button>




          用uni-app開發的微信小程序要調用分享功能
          以下是點擊小程序邊上三個點點時調用的代碼
          將每一個頁面的分享功能弄成組件調用。

          1、創建一個js文件(share.js)
              export default{
                  data(){
                      return {
                          //設置默認的分享參數
                          sharedata:{
                              title:'ALAPI',
                              path:'/pages/index/index',
                              imageUrl:'',
                              desc:'',
                              content:''
                          }
                      }
                  },
                  //發送給朋友
                  onShareAppMessage(res) {
                      return {
                          title:this.sharedata.title,
                          path:this.sharedata.path,
                          imageUrl:this.sharedata.imageUrl,
                          desc:this.sharedata.desc,
                          content:this.sharedata.content,
                          success(res){
                              uni.showToast({
                                  title:'分享成功'
                              })
                          },
                          fail(res){
                              uni.showToast({
                                  title:'分享失敗',
                                  icon:'none'
                              })
                          }
                      }
                  },
                 
                  //uniapp微信小程序分享頁面到微信朋友圈
                  onShareTimeline(res) {
                      return {
                          title:this.sharedata.title,
                          query:'',
                          imageUrl:this.sharedata.imageurl,
                          success(res){
                              uni.showToast({
                                  title:'分享成功'
                              })
                          },
                          fail(res){
                              uni.showToast({
                                  title:'分享失敗',
                                  icon:'none'
                              })
                          }
                      }
                  }
                 
              }
             
          2、全局使用, 在 main.js 里面 添加全局的 mixin
          import share from '@/components/....你的路徑.../share.js' //自定義分享功能
          Vue.mixin(share)


          3、在需要的頁面進行調用就行啦
               a. 這個是第一種調用方式,用下面這段,總覺得有些麻煩后期不方便擴展與處理
              export default {
              data(){
                  return {
                      //設置默認的分享參數
                      sharedata:{
                          title:'ALAPI',
                          path:'/pages/index/index',
                          imageUrl:'',
                          desc:'',
                          content:''
                      }
                  }
              }
             
             
              b.另外一種調用方式
              //頁面分享使用
              function pub_show_share(zhege, l_listdata, xml1,fx_title,fx_path, fx_imageurl, fx_desc, fx_content,xml8) {
                  if (fx_title){zhege.sharedata.title = '' + fx_title;}
                  if (fx_path){zhege.sharedata.path = '' + fx_path;}
                  if (fx_imageurl){zhege.sharedata.imageurl = '' + fx_imageurl;}
                  if (fx_desc){zhege.sharedata.desc = '' + fx_desc;}
                  if (fx_content){zhege.sharedata.content = '' + fx_content;}
              }
             
              this.$qwbmjs.pub_show_share(_self, '', '','信息資訊','', '', '', '',''); //我現在用這種方式,最省事,就一句話處理


          相關閱讀
          旅行社網站模板默認風格1
          連云港華夏國際旅行社有限公司
          dreawmeaver中鮮為人知的小秘訣,讓你制作網頁更加隨心所欲.
          asp日歷代碼
          名揚石化
          如何提高網站的PR值
          chrome谷歌瀏覽器中的谷歌翻譯有問題一鍵修復處理
          fiddler抓包在內容的SyntaxView窗口里面是亂碼
          共有0條關于《uni-app微信小程序分享微信好友與分享到朋友圈功能》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          uni-app開發表單input組件的一些規則說明自己預留使用
          uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機
          小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
          微信小程序打開客服提示:該小程序提供的服務出現故障,請稍后重試
          微信小程序客服會話只能過button讓用戶主動觸發
          uni-app開發微信小程序使用button的open-type為contact調用微信客服不能用view或者js調用
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          深山仿QQ愛墻最新版--新的一年,新的界面,新的功能
          初期入門地接旅行社建站解決方案
          七種網站添加鏈接的簡單方法
          深山旅行社網站管理系統 v1.7
          初學入門:一組常用的彈出窗口用法總結
          網頁設計的十要十不要
          88国产精品视频一区二区三区