使用uniapp开发支付宝小程序(h5转支付宝小程序)

发布时间:2022-01-27 23:19:47 作者:King 来源:本站 浏览量(526) 点赞(100)
摘要:背景:嵌入app的H5页需要成为支付宝小程序版。使用框架:"vue": "^2.6.11"使用依赖:下面详细说明这些框架和组件uniapp可用或替换方案。目录总结:(1)vue-router => uni-app-router(2)axios => luch-request(3)exif-js => uni.getImageInfo(OBJECT)(4) vant => vant-

  背景:嵌入app的H5页需要成为支付宝小程序版。

  使用框架:"vue": "^2.6.11"使用依赖:

  下面详细说明这些框架和组件uniapp可用或替换方案。目录总结:(1)vue-router => uni-app-router(2)axios => luch-request(3)exif-js => uni.getImageInfo(OBJECT)(4) vant => vant-ailapp(其实我没用,因为我需要的常用组件基本都报错了,如果你用的话vant组件不多,可以试试。它仍然被官方本组件和官方扩展组件取代(uni-ui)(5)vue-cli-plugin-svg-sprite => 作图片介绍:background-image/(或者老方法兼容性好)

  uniapp版本:

  9月初看了很多小程序框架评价文章,发现uniapp是对vue语法支持度最高的跨端框架也是支持端最多的,所以对于那些从vue转手小程序,使用uniapp会比较方便,重建也比较方便。使用方便。react开发者可以试试taro,其他同事测试,react H5重构为taro 支付宝小程序基本没问题。

  这个在uniapp官方网站可以得到详细的指导:快速启动 - uni-app官网

  官方给出了两种创建项目的方式,一种是通过HBuilderX可视化界面,另一个是通过vue-cli命令行也给出了两者的区别

  总之,uni-app您可以在其他编辑器中开发代码,然后将代码打包成相应的平台,并打开官方平台HBuilder整合库更新、包装、发布,简化操作。

  对我来说,平时用命令行打包,突然转换到使用编辑器的菜单栏,会觉得比较不舒服 ( ̄▽ ̄)" ,所以我选择继续使用,vscode开发,命令运行。

  但是出现了一些 坑 的地方,运营官员给出的命令 vue create -p dcloudio/uni-preset-vue my-project 有证书问题

  曲线救国法出现了!!!(以上问题,在下才学浅,希望能人回答)打开支付宝小程序开发人员工具选择模板

  新建项目

  获得带有完整编译器的模板

  成功创建项目。

  有些人可能会想,为什么不直接在小程序开发者工具中开发,一个原因是常用的vscode,另一个主要原因是工具中没有命令线,编译是由右侧模拟器手动操作刷新的,因此无法及时看到和解决编译过程中的错误。有时,这样的错误只会在调试器中报告:

  我们无法追溯源头。我们只能根据经验思考刚才是否有不合逻辑的地方。(然而,很多时候终端编译不会报错,这里也会报错,主要是因为它通常被使用vue和用uniapp这个版本的小程序不支持一些规范,这些差异在后面讨论)另一个原因是经常包装和运行容易崩溃

  h5有两种想法可以转换为小程序代码,一种是嵌入h5页。在这里,我将暂时讨论我在重建中遇到的问题。下一篇文章:为什么不使用它?webview来实现h5转换为小程序。

微信

扫一扫,关注我们

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

【如有开发需求】那就联系我们吧

搜索千万次不如咨询1次

承接:网站建设,手机网站,响应式网站,小程序开发,原生android开发等业务

立即咨询 16605125102