HTML5在手机端怎么发起微信支付

html-css09

HTML5在手机端怎么发起微信支付,第1张

在Android的html5页面中发起微信支付方法:首先申请公众号,申请开通支付,这个很简单,自行百度申请好之后 在微信公众平台页面的“微信支付”页面中的“开发配置”Tab上配置“支付授权目录”,“测试授权目录”,“测试白名单”在微信公众平台页面的“开发者中心”中找到“AppID(应用ID)”和“AppSecret(应用密钥)”在商户平台中找到微信支付分配的商户号,以及自己配置一个商户支付密钥

具体步骤:

首先通过微信支付的api 获得支付用的prepay_id,这里需要用到上面提到的“AppID(应用ID)”,“AppSecret(应用密钥)”,“微信支付分配的商户号”,“商户支付密钥”以及其他的一些参数(具体参照微信开发文档)用MD5加密成签名(第一次签名)获得prepay_id后,用prepay_id和一些其他参数(具体参照微信开发文档)用MD5加密成签名(第二次签名)然后在前端通过微信内置浏览器提供的js API,WeixinJSBridge.invoke来调用微信支付的弹出页面,这里需要用到上面的第二次的签名

注:支付链接和在开发平台配置的链接不匹配,总共需要2次签名,并且所需的参数是不同的,在JS中用到的签名是第二次签名,不要混淆参数传递的不能有错。

方法/步骤

点击制作栏目,进入模板选择页

1、选择空模板,自由创作;

2、选择主题模板,更快速的创作出炫丽的展示。

选择模板后,进入创作界面

预览树操作

1、显示的页面的显示顺序;

2、右键调整页面的显示顺序;

3、点击页面右上角的X,可以把不需要的页面删除。

功能—添加修改文字

1、添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

2、文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。

功能—添加修改图片

1、上传图片:点击右侧图片选项→上传按钮→选择图片→确定

2、截图:点击截图按钮→选择图片区域→双击

功能—添加修改按钮

添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

功能—添加修改表单

1、添加表单:点击右侧的添加表单按钮,在弹出的窗口中填写提交数据的名称

2、修改表单样式:在右侧的属性栏中,修改表单的显示样式

3、查看及下载数据:客户提交数据后,可以在表单数据中看到,并提供下载

功能—添加修改底图

1、修改背景颜色:点击右侧底图选项→选择颜色

2、上传底图:点击右侧底图选项→点击上传按钮→确定

功能—添加修改背景音乐

添加背景音乐:点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮

功能—添加修改切换效果

添加切换效果:选择页面→点击配置选项→选择切换效果

功能—添加修改动画效果

添加动画效果:点击添加动画的组件→点击动画选项→点击动画效果

保存

点击导航栏的保存按钮→再点击预览按钮→进入发布页面

生成

1、添加标题、描述、缩略图

2、生成的二维码和链接可以用于分享到微信、微博等

3、点击生成按钮,即完成了一个作品的制作过程。

END

注意事项

关于层叠关系:右击主编辑区的组件,可以修改组件间的层叠关系。

关于保存:建议每创建完成一个组件后,点击左上角的保存,保存一次。

关于预览:点击左侧的预览树页面,可以预览该页面的展示效果。

微信支付功能开启方法是:

1.打开手机微信,点击右下角,进入“我”的页面,然后点击“设置”。

2.进入设置页面,点击通用设置。

3.在通用设置页面中,点击“辅助功能”。

4.在辅助功能页面,下方未启用的功能中点击“微信支付”。

5.进入微信支付页面,点击下方“启用该功能”,这样微信支付功能就被启用了。

微信支付小程序支持银联云闪付功能上线。2021年12月14日消息,微信支付正式上线“防骗客服提醒”功能。2022年1月,微众银行(微信支付)数字人民币钱包上线。