1. 程式人生 > >APP內嵌h5頁面如何分享到微信?

APP內嵌h5頁面如何分享到微信?

一個APP內嵌入H5頁面,H5頁面有個分享微信的按鈕,點選這個按鈕可以將這個H5頁面分享到微信。從技術上看可行嗎?

就目前而言,具體實現有這幾個方法:
1、通過微信內建的SDK可以實現其分享
2、native裡面的share可以實現
3、應用第三方外掛可以實現
4、你巢狀在APP裡面的,你也可以讓APP開發實現撒,APP分享相對很簡單的
5、你還可以放入一張二維碼圖片,讓其使用者按住識別,前提是在微信內建瀏覽器


首先,h5是不能在微信外進行呼叫分享功能。
其次,技術上來講,js和native本身是互通的,所以現在比較主流的做法是通過h5的js來呼叫native的微信sdk的分享方法


這個恰好做過 目測是APP(非微信)裡面要呼叫微信分享的API或者使用三方的sdk,這部分就不說了。單說說分享吧。
以前做分享的時候,微博微信好友和朋友圈以及QQ,介面都不太一樣,如果有其他平臺的考慮,這方面需要注意一下。
先回顧一下流程。分享一般需要獲取一些要素用於在第三方平臺顯示,如標題,縮圖,微博裡還可以寫話題之類的。然後還有個就是URL,這個URL就是在微信裡點開可以在微信內嵌webview看到的H5。所以如果你想讓微信使用者看到這個H5,你得有個網際網路可以訪問的web伺服器提供這個H5頁面,其實就跟瀏覽器訪問網頁一樣。
從實際情況看,其實很多分享出去的頁面和使用者在APP裡看到的不一樣。很多使用者是在APP做完一些操作後分享,可能並沒有什麼預覽頁;而三方平臺微信的使用者看到的頁面,很可能是根據活動要求製作的無比酷炫吸引使用者的H5頁面,跟APP裡看到的並無太大關係。
當然,如果一定要把APP裡H5頁面暴露出去,只要有URL可以訪問就行了,不過一些需要在APP裡才支援的H5可以呼叫的功能,比如APP內嵌native元件通過js呼叫,自然是沒有的。
作者:歐腋
來源:知乎




相關推薦

APPh5頁面如何分享

一個APP內嵌入H5頁面,H5頁面有個分享微信的按鈕,點選這個按鈕可以將這個H5頁面分享到微信。從技術上看可行嗎? 就目前而言,具體實現有這幾個方法: 1、通過微信內建的SDK可以實現其分享 2、native裡面的share可以實現 3、應用第三方外掛可以實現 4、你巢狀在APP裡面的,你也可以讓APP開發

apph5頁面問題總結

kit 內嵌 當前 播放 ren 發的 blog 設置 time 一、<audio> 1.ios上只能播放mp3文件格式的音頻 2.fis+smarty開發的靜態頁,將音頻文件寫死時,js設置當前播放時間(currentTime)失效,每次賦值都自動歸零。後來音

AppH5頁面聯調接口

接口 isa android func all mac os x indexof cpu os x //分享接口 function ShareLp(query,pkid){ var shareUrl=""; var shareImg=""; var shareT

app h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件

control touch .com images click remove rem screen close 我們的目的是再滑動的時候 不要觸發到touchstart事件。 // 再滑動的時候無法點開視頻

ios下apph5頁面是video適配問題

ios下做新聞詳情用h5頁面實現然後打包到app中,其中新聞詳情頁會有視訊,安卓下video的poster可以做到適應video大小,但是ios下會按照poster圖片大小將video等比撐大,但是視訊顯示不全(超出手機寬度),原始poster圖片大小是750x420嘗試諸多方法包括設定object-fit:

Appium+python(3):解決APPH5頁面元素無法定位問題

測試app的時候,我們知道可以通過UI Automator Viewer進行元素定位但是很多app中都會內嵌h5頁面,這個時候定位就會變成下圖這樣:只能定位整個頁面,無法定位到單獨的元素。那麼怎麼才能夠定位到h5頁面的元素呢。(1)打印出當前手機頁面的contextprint

小程式H5頁面

<web-view>概況使用 <web-view> 標籤能在小程式中開啟外部網頁,但是要開啟的網頁的域名必須跟小程式的業務域名(業務域名可以在小程式的後臺管理介面新增)一致,否則在真機上是打不開的。如果開發工具上勾選了‘不校驗域名’,在開發的時候還是能

小程式中h5頁面,新增撥打電話功能

1.內嵌的h5頁面,head裡面新增meta標籤,需要撥打電話的地方新增a標籤 ,屬性href=“tel: 135xxxxxxxx” PS:name="format-detection"為格式檢測,te

一處折騰筆記:Androidhtml5加入原生分享的解決的方法

產品 rac 移動開發 sap card 整理 方法 gravity 首頁 有一段時間沒有瞎折騰了。這周一剛上班萌主過來反映說:微信裏面打開聚客寶。分享功能是能夠的(這裏是用微信自身的js-sdk實現的)。可是在android應用裏面打開點擊就沒反應了;接下來狡猾的

vue h5頁面瀏覽器中分享頁面只能分享首頁的問題解決方案

以前寫過一篇文章,用來在微信瀏覽器中個性化分享頁面 https://blog.csdn.net/youyudexiaowangzi/article/details/81983974 現在有如下問題: vue專案在微信瀏覽器中點選分享,只會分享進入到第一個頁面的url,比較笨的辦法是在mo

H5頁面端的分享

微信分享,咋一看好像很複雜,實則非常簡單。只需要呼叫微信官方出的微信jssdk,加上些許配置,就可以實現h5頁面在微信上的分享,官方文件地址為:https://mp.weixin.qq.com/wiki… 一、獲取基本資訊 找到已有公眾號的appid,根據這個appid和url

關於H5頁面端的分享

微信分享,咋一看好像很複雜,實則非常簡單。只需要呼叫微信官方出的微信jssdk,加上些許配置,就可以實現h5頁面在微信上的分享,官方文件地址為: 一、獲取基本資訊 找到已有公眾號的appid,根據這個appid和url向後端發起請求,拿到配置所需要的引數:ti

H5頁面中下載APP

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg

ios應用h5頁面數據自動變色識別為手機號碼的解決方法——手機號碼撥號禁用IOS手機頁面數字自動識別為手機號

log 數字 bsp 標簽 one .com div meta name 現象如下,ios應用內嵌h5頁面,本來是設置了白色的數字,兩三秒之後會自動變為黑色,然後點擊的時候就會彈出是否撥號的提示; 解決方法,添加如下meta標簽,即可解決: <meta

appH5網頁(webviewJavaScriptBridge)

mod isp pty splay web ons 引入 回調 register 摘要:使用的插件為webviewJavaScriptBridge,app端需要引入一下這個包,html頁面只需一段JS代碼 與IOS交互 <! 申明交互(此處代碼固定) > fu

【重磅】App可直接打開小程序,新增內容安全接口等

獲得 指定 targe 吐槽 第三方服務 除了 圖片 開發 提前 今晚,微信又公布了幾項微信小程序新能力: 微信小程序上線App直接打開小程序功能 內容安全接口、插件詳情頁等多種能力接連更新上線 一、App直接打開小程序之前微信已經開放過相關能力,可以實

h5頁面 h5頁面遇到的問題

arp clas 頁面 user 內容 csharp splay sharp har 1、input框無法獲取焦點輸入內容 input { -webkit-user-select: auto; } 2、div裏面放img標簽有3px的距離 div

H5頁面仿搖一搖及音訊(安卓和蘋果)

H5頁面仿微信搖一搖,動作以及音訊的知識點和程式碼,在Android和IOS的相容問題 測試環境:微信瀏覽器 一、搖一搖: 1.知識點 涉及事件DeviceMotionEvent,該事件返回裝置有關於加速度和旋轉的相關資訊。加速度包括X、Y、Z軸 X軸橫穿螢幕,Y軸

H5 -- (功能)Apph5網頁實現芝麻認證的接入

1、需求:由於高貴的IOS提審時不能出現支付寶相關字眼及相關SDK,所以我們app芝麻認證只有通過內嵌H5頁面實現 2、分析:通過調研 “芝麻認證”官方技術文件 ,接入芝麻認證的流程如下圖(圖片來自官方文件): 要想完成這個功能,需要業務辦理人員、後臺api人

h5連結分享朋友圈,壓縮圖示題內容設定

前些天,接到h5動態頁面分享到微信朋友圈推廣的需求,之前沒接觸過這塊,在網上查了不少資料,走了不少彎路。整理了一下,以便後續使用,對剛接觸這塊的有所幫助。 用。 1. 微信公眾號appid,secret