正文

支付宝如何转原生h5页面（支付宝如何转原生h5页面链接）

发布时间：2023-03-22 07:50:19 稿源：创意岭阅读： 1595 问大家

大家好！今天让创意岭的小编来大家介绍下关于支付宝如何转原生h5页面的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com，如需咨询相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、php小程序前端转化为h5
2、h5网站如何开通支付宝
3、如何判断一个APP页面是原生的还是H5页面
4、支付宝转账页面生成

支付宝如何转原生h5页面（支付宝如何转原生h5页面链接）

一、php小程序前端转化为h5

对于h5中生成海报大家都不陌生最常见的方法是前端生成用html2canvas 但是弊端就是画质太差网上很多方法但是依然不是很管用最近做的h5中用了php来生成画质简直美得不行 1）采用熟练的JSP框架，每人一天可以改造2个页面左右，计划投入2人，风险最小虽然开发方法类似网页，但实际上是一种只能运行在微信自己开发的浏览器中的特殊网页，它所能够使用的所有功能都必须由微信浏览器提供；

H5页面：这是真正的网页应用，运行在通用浏览器中，各种浏览器虽然在细微上有所差别，但总的来说是一致的，微信浏览器同时也是一种通用浏览器，能够支持真正的网页应用。

因此我们才有可能在微信小程序和H5页面之间进行跳转，但这种跳转是受到微信浏览器的严格控制的，因此我们有必要了解这些控制包括哪些。

H5页面所在的域名：假设你需要调转的H5页面URL为https://www.mysite.com/h5page，那么这里所说的域名就是www.mysite.com，另外你没有看错，这个URL必须是https，如果你还没有为你的网站加上SSL，那么就先去申请一个证书吧（注意必须是公开申请的证书，不能是自签名的，微信不认哦！）

好了，这些都准备好了，让我们开始开发一个小例子。

由于web-view组件是一个全屏组件，不能和其它小程序组件合用，因此需要独立占据一个页面，所以我们到例子就是在小程序的A页面加一个链接，跳转到B页面，然后在B页面使用web-view组件来加载H5页面。

2）采用主流分布式Vue框架，时间未知，风险未知；

首先自我介绍下，本人是一名JAVA开发工程师，平时喜欢研究相关主流技术和挑战自己。对此我还是比较倾向于第二种解决方案，但是第二种解决方案无疑是最复杂，最耗时，最未知，风险最大。公司内没有人愿意承接。于是我抱着学习和研究的态度以及对主流技术的向往，我找到我们领导我是这样说的：我还是比较建议公司采用第二种方案。1）这无疑是给我们进行敲门砖及学习的机会；2）这是公司提升前端技术能力与主流技术看齐的机会。最后公司同意了我建议，采用方案二，有我来承接此事，进行牵头负责。

中间心酸过程忽略，刚接下来第一天就后悔了，VUE用都没用过，还怎么玩。于是我花了大量的时间，看了大量文献，我这里使用到是Vue 2 + Vant 2 + axios + router。原来并不是什么网址拿来就可以设置跳转的，你的小程序中就不能直接跳转到百度上去，小程序能够跳转的域名必须在业务域名中进行注册，总算这次是在小程序开发号里面设置了，但注意在服务号的设置里也有业务域名这个设置，不要搞混了（话说微信起名也太没有想象力了，简直是一坨浆糊）。这时候控制权已经从小程序转移到了H5页面，但微信页面跳转内部的机制比较复杂，涉及到了OAuth认证之类的，所以这个错误已经是H5页面报的了，这就需要到H5页面关联的服务号中去进行设置，这次设置的项目叫做网页授权域名，在公众号设置的功能设置里由于小程序官方没有提供外部H5网页直接跳转到小程序的api，所以目前只支持小程序内嵌H5，并且只有内嵌的H5才能跳回小程序在微信开发中工具里返回“{"base_resp":{"ret":-1}}”时，需要点左上角“设置”--“项目设置”--勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 源码中验证使用的是session 来校验验证码是否正确。我这边前端是小程序无法存session改用框架自带的缓存。

这里讲一点转Taro的调试经验，有报错的文件先拎出来放在一边，因为es5,6语法差异，很多js文件转es6是不支持的，所以会报错，建议是先把所有报错的文件注释，或者改成es6写法再转。我这边是去掉了很多的文件才转成功了的。这里需要自己一步一步调试解决报错，转成功之后根目录多出来一个taroConvert的文件夹这说明已经转Taro成功了，接下来就是运行以及二次开发。

进入taroConvert文件夹(二次开发就在这个文件里面，小程序代码不用管了)，执行命令 npm install 或者cnpm install 先拉取所有依赖。

可以看一下package.json文件的运行命令以及安装的依赖，我这里是要运行H5的，输入命令 npm run dev:h5打开H5开发模式，这个步骤有可能会有个nerv.js不存在的报错，可以安装一下，然后在你文件src下面的的app.js import一下。

执行命令 import Nerv from 'nervjs'，这个报错就会解决。其它的页面代码报错可以自己调试。开启成功的话浏览器中会打开127.0.0.1:8082的窗口运行项目。

二、h5网站如何开通支付宝

h5网站开通支付宝：

1登陆淘宝网网站（百度搜索一下即可）后，进入支付宝页面，然后点击支付宝会员，选择下面的“免费注册”

2然后在个人、个人商家、企业三个注册方式中选企业点击注册。

3然后是校验账户名，可以填写手机号或者是邮箱号码，再输入验证码，阅读下面的协议，最后点击“同意一下协议并提交”

4提交后会出现验证账户信息，需要向手机发送免费短信，把收到的验证码输入，在点击立即校验。

5然后进入邮箱，输入邮箱密码，找到刚收到的支付宝系统发的邮件，点击相应链接并激活支付宝账户。

6激活成功后再填写基本信息，主要有支付密码、登录密码、安全保护问题和答案等，其中支付密码要牢记，最好和登录密码分别设置。

7然后要填写完整真实的个人信息，填写完后即可完成注册了。

三、如何判断一个APP页面是原生的还是H5页面

如今最火的APP开发模式是Hybrid APP开发（即混合模式，半原生半H5页面）。

把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。

显示404或者错误页面的是html页面。

可以打开开发者选项中的显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。（仅针对安卓手机适用）如下图所示：

这个需要你通过对比才能得出结果，比如是文章资讯页面可以长按页面试试，如果出现文字选择、粘贴功能的是H5页面，否则是native原生的页面。

有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

这个在支付宝APP、蚂蚁聚宝都是可以判断的。

如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。微信里面打开我们的H5页面常见的有个绿色的加载线条。如下图红框里面所示：

如下图所示：

希望可以帮到大家，以便更加容易区分原生APP页面和H5页面。

四、支付宝转账页面生成

您好，支付宝转账页面是支付宝提供的一种转账服务，可以让您快速、安全地将资金转账给您的家人、朋友或者其他支付宝用户。支付宝转账页面的使用非常简单，只需要您按照以下步骤操作即可完成转账：第一步，登录支付宝账户；第二步，点击“转账”；第三步，输入收款人的支付宝账号或者手机号；第四步，输入转账金额；第五步，确认转账信息；第六步，输入支付宝支付密码；第七步，确认转账；第八步，完成转账。支付宝转账页面提供的服务可以让您快速、安全地将资金转账给您的家人、朋友或者其他支付宝用户，让您的转账更加便捷。

以上就是关于支付宝如何转原生h5页面相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。