1. 程式人生 > >關於單頁面應用在微信瀏覽器中分享或在瀏覽器開啟的問題

關於單頁面應用在微信瀏覽器中分享或在瀏覽器開啟的問題

最近有一個需求,說是使用者充值的時候在微信裡不能使用支付寶,所以要使用微信的在瀏覽器裡開啟的功能,需求是吧使用者id通過url傳遞到瀏覽器,但在瀏覽器中卻接受不到這個引數,最後知乎上看了這個,頓悟

/*************************************************************************************/

剛做了測試,用蘋果微信,如果是單頁面應用,前端做跳轉邏輯(頁面跳轉並不走服務端),

如頁面A: xx.yyy/login ,跳轉到 xx.yyy/shop

那麼這個時候,『複製連結』以及『瀏覽器中開啟』都只會獲取 最開始的url地址,即 

xx.yyy/login

但是『傳送給朋友』 就會獲取最新的url地址, xx.yyy/shop

/**************************************************************************************/

經過多次嘗試,後來發現當進入應用的網址帶有路由引數,如 http://xxx.yyy/#/main ,引數就可以了傳遞出去了。如果使用如 http://xxx.yyy  那麼後面的引數就會被自動截掉

相關推薦

關於頁面應用瀏覽器分享瀏覽器開啟的問題

最近有一個需求,說是使用者充值的時候在微信裡不能使用支付寶,所以要使用微信的在瀏覽器裡開啟的功能,需求是吧使用者id通過url傳遞到瀏覽器,但在瀏覽器中卻接受不到這個引數,最後知乎上看了這個,頓悟/***************************************

關於Vue頁面實現分享的Bug

// 問題描述在微信中分享到朋友圈或好友時,分享出去的路由被破壞,開啟分享的連結,路由中的“#”會被去掉並追加?from= & Timeline= 之類的字尾引數,這就造成了分享出去的連結只能進入首頁,無法正常跳轉到其他路由。 //該問題產生的原因可能是由於vue的hash模式,微信瀏覽器只記錄了第

H5頁面端的分享

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

關於H5頁面端的分享

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

/QQ新增提示瀏覽器開啟遮罩程式碼

在微信裡面,是不能通過應用寶以外的方式去直接下載app的,但是卻可以通過跳轉到瀏覽器去下載app,因此如果剛好各位公司有剛剛上線的

QQ通過分享連結直接開啟APP問題

需求:通過分享連結開啟APP並定位到分享的頁面   x5瀏覽器可能有URL scheme白名單, 1、第三方瀏覽器和應用(除了騰訊)開啟APP普遍方法是通過 URL scheme 直接開啟APP。“app://abc”.   自己其他應用可以相互喚醒,並定位到

在IOSAndroid區分的onResp(分享登入)回撥的型別,判定當前操作是否成功

大家接過微信開放平臺的SDK都應該知道,如果需要向微信傳送登入或分享請求時,需要構造一個訊息結構體給微信傳送過去,登入的結構體型別是SendAuthReq,分享的訊息結構體是SendMessageToWXReq。 同樣地,在操作完後微信拉起我們自己的應用時也會

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

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

vue製作分享頁面應用

前端 - vue框架後端 - node框架node負責呼叫微信的介面獲取accesstoken 然後換取ticket去儲存 request('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_cr

頁面應用接入微填坑之一(分享

起因:使用react+react-router做了一個單頁面應用,需接入微信支付與分享等功能。由於是個人第一次接觸微信接入加之是單頁面應用所以遇到了很多問題。所以這裡記一下其中之一:分享功能! 微信官方說法: 所有需要使用JS-SDK的頁面必須先注入配置

頁面應用服務號下的登錄流程

感知 完成 cookie 它的 們的 方式 留下 sdk 思路 最近我們的小程序涉及到虛擬支付的問題,在ios端的支付被封掉了??,所以有了在服務號上搞一套H5版的小程序的需求。由於我們小程序是mpvue寫的,為了盡量復用之前的樣式和邏輯,選擇了前後端分離的模式,於是一段新

ES6判斷當前頁面是否瀏覽器打開

.com lower nav else () rom mic 來源 es6 1、使用jq判斷是否用微信瀏覽器打開頁面 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(

支付趟坑之旅之頁面應用

        年初產品引入了微信支付到現在不到半年的時間,一直沒有過太大的坑爹經歷,自認為微信支付也能hold住了,沒想到上週還是被微信支付團隊的同學狠狠的擺了一道。在這裡留個記錄,希望同入此坑的同學能儘快爬上來。 背景:        上半年上線了商城的微信支付,此專案

頁面應用接入微填坑之二(支付Nodejs)

先記錄一下正常接入微信支付步驟 微信公眾號配置: 1. 開通微信公眾號 這裡就沒什麼要講的了 2.伺服器配置 進入微信公眾平臺->開發->基本配置->伺服器配置,之後填寫伺服器地址和令牌,並按照微信官方教程配置即可。下面是我自己的一

分享網頁在已停止訪問怎麽辦,細談自動跳轉手機瀏覽器的原理

利用 ase jump html ont 問題 跳轉 false 微信 最近很多朋友在使用微信分享轉發網頁鏈接的時候,都很容易碰到鏈接在微信中無法打開的問題。通常這種情況微信會給個提示 “已停止訪問該網址” ,那麽導致這個情況的因素有哪些呢,主要有以

[原始碼分享]基於Python的Pygame庫實現的仿遊戲的飛機大戰小遊戲

不知大家是否還記得當時微信上風靡一時的打飛機小遊戲,通過控制我方飛機的上下左右移動,發射子彈來擊毀敵機,增加得分。這是一款簡單操作易上手又很有趣味性的遊戲,我使用python作為基本語言,利用pygame仿照微信版本完成了這款低配版飛機大戰遊戲。   我方飛機會按時的不斷髮射子彈,玩家通過上下左

[原始碼和文件分享]基於Python的Pygame庫實現的仿遊戲的飛機大戰小遊戲

不知大家是否還記得當時微信上風靡一時的打飛機小遊戲,通過控制我方飛機的上下左右移動,發射子彈來擊毀敵機,增加得分。這是一款簡單操作易上手又很有趣味性的遊戲,我使用python作為基本語言,利用pygame仿照微信版本完成了這款低配版飛機大戰遊戲。 我方飛機會按時的不斷髮射子彈,玩家通過上下左右的方向鍵來躲避

純正商業級應用-小程式開發實戰同步分享

第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇

純正商業級應用-小程式開發實戰(雲盤分享

第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇

7個簡好用的小程式分享

微信小程式無需安裝、無需下載、不佔記憶體,和手機APP擁有同樣強大的功能,受到很多人的喜歡,可是微信小程式那麼多,該如何挑選呢?接下來,小編給大家免費分享7個無敵好用的微信小程式,任何手機都需要哦。 小工具集 一個智慧工具箱,裡面有九宮格切圖、高清桌布、圖片拼接、二維碼生成器、網頁長截圖等功能,