Record common problems: spaces in encodeuricomponent decoding and the use of Schema in third-party apps to invoke apps

• window.location.href Used when jumping encodeURIComponent Some parameters are encoded , But in a third party app There are line breaks and spaces in the encoded parameters ( Some third-party applications or java Program ）

  The code is as follows

  const domain = this.app.isProd()?"https://xfkh.foundersc.com/":'https://kaihu-dev-cstest.fzzqxf.com/'
  			
  window.location.href = domain + "api/result/resultDesc?token=" + encodeURIComponent(this.app.getToken());
  

    ** Solution **
  
     stay `encodeURIComponent(this.app.getToken())` Put another layer on the outside `encodeURIComponent`
  
     All codes are as follows ：
  

const domain = this.app.isProd()?"https://xfkh.foundersc.com/":'https://kaihu-dev-cstest.fzzqxf.com/'
window.location.href = domain + "api/result/resultDesc?token=" + encodeURIComponent(encodeURIComponent(this.app.getToken()));

	**  Principle view **

		1. Guess is in the jump process 	`token`  The interior contains `+` Number , During message transmission `+` The sign will automatically become a space , So use it again `encodeURIComponent` Carry out secondary coding , take `+` Number is converted to `%20F` Such a hexadecimal encoding unicode character , In this way, the message will not appear when it is received at the back end ` Space `

		2. But I'm curious , Why can there be... When transcoding for the first time `+` No. remaining , Obviously I used it the first time `encodeURIComponent` This step , Why do you still have `+` Number , And why + When the server gets the number, it becomes ` Space `, Two codes / Is the decoding method different  `#todo`

		3. Use `encodeURICompnent` Why , Because in url In order to prevent ` Some ambiguous characters are carried in the parameter , For example, the transmission of parameters ? Sign or parallel symbol & Even the equal sign ` Or to avoid being in `url The access process is not ascill Transcoding differences of encoded characters during the request process ` So in the transmission of special characters or non `asscill` When encoding characters, you need to use `encodeURIComponent` This method encodes the parameters , But it usually happens in `get` There are a lot of , because `get` The requested parameters are carried directly in `url` It says , While using `post` Request parameters can be in the form of ` message ` In the form of , We can avoid this problem 

		4. As for why the server or third-party applications put `+` Escape into ` Space `： The server is getting `url` Parameter will also be used `decode` In the process `+` The number will be decode become ` Space `??? Still a bit of a forced explanation 

• Third party browsers are not available schema evoke app as well as schema What the hell is that?

  In the mobile terminal browser, click schema The agreement evokes app,schema It's a similar one http Page Jump protocol ,andriod and ios All support the protocol , However, supporting this protocol requires the browser to set certain rules , Some third-party browsers do not implement or restrict this schema Jump ability

  schema The protocol and http The rules of the agreement are similar , Is a jump protocol between pages , Not just for app Jump between also applies to h5 Jump app

  Such passage scheme The way to open local applications is not supported by all browsers , In particular, wechat browser does not support the use of scheme Open the app's , Unless wechat officially adds a white list .QQ The browser supports .

And some browsers will ask the user whether to open , Others open applications directly .

The general way is , Judge whether the current browser is wechat , If it's wechat , Then a mask layer pops up , Prompt the user to open using another browser .

There is also the wechat download of APP treasure in the wechat browser , Redirect the current page to the download page of the app , However, the conversion rate of this method is very low .

The good news is , stay IOS9.0 In the above systems , have access to universal links Open local application , however Android I won't support it .

Another alternative is , In wechat browser , Use iframe To open a package address (.apk At the end of the url) When downloading , Will pull up a selection box , Lets you choose which apps to open . However, this method is invalid for some domain names , Invalid for some special download files , If you can't download .rar The file of . And for users who have already installed the application , The user experience is not good either .

While using this technology , Considering its uncertainty , Alternatives should be made . Fully consider whether the user group of this page is mainly new users , And the distribution of browsers visited , So as to formulate corresponding guidance and alternative solutions that are more friendly to users .