使用uniapp开发支付宝小程序(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转换为小程序。
扫一扫,关注我们