经验总结

  1. 首页 > 生活 > >

uniapp之uni-starter小程序多端研发框架搭建与项目实践( 三 )

生活百科

扩展组件
uni-starter已经集成到uni_modules下，可以直接引用 。也可以在插件市场引入第三方组件，例如uViewUI组件库 。uViewUI组件库等插件市场的组件可以直接安装，无需手动安装：

uniapp之uni-starter小程序多端研发框架搭建与项目实践

文章插图
自定义组件
用户自定义的组件可以放在components目录下，不用引用、注册，直接在页面中使用 。只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构 。就可以不用引用、注册，直接在页面中使用 。
4.2.3.4其他配置配置支付
unipay为uniCloud开发者提供了简单、易用、统一的支付能力封装 。让开发者无需研究支付宝、微信等支付平台的后端开发、无需为它们编写不同代码，拿来即用，屏蔽差异 。
uni-starter项目可在uniCloud->cloudfunctions->common->uni-config-center->uni-pay->config.js下配置：
const path = require('path')module.exports = {// 微信小程序端对应的微信支付及登录配置配置wxConfigMp: {appId: '',secret: '',mchId: '',key: 'r',},// App端对应的微信支付配置wxConfigApp: {appId: '',mchId: '',key: '',},// 微信PC网站支付wxConfigH5: {appId: '',mchId: '',key: ',},// 支付宝小程序端对应的支付宝支付及登录配置aliConfigMp: {mchId: "",appId: "",alipayPublicKey: "",privateKey: "",},// App端对应的支付宝支付配置aliConfigApp: {mchId: "",appId: "",alipayPublicKey: "",privateKey: "",}}配置广告
uniad支持APP，H5和微信小程序广告 。具体配置请参考uni-AD广告联盟 。
至此，基于uni-starter的微信小程序项目研发框架搭建完成，开发者可以依据具体的业务需求，使用uniCloud的进行数据库设计、云函数实现接口，使用Vue相关的技术栈完成业务页面的搭建，从而实现整个微信小程序的研发 。
微信小程序的研发完成后，不仅可以发布到微信小程序以及支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝等各种小程序，也可以发布到iOS、Android、Web（响应式）等多个平台 。
4.2.4微信小程序上线注意事项4.2.4.1微信小程序基础包不大于2M微信小程序基础包大小为2M，如果大于2M需要分包处理 。具体分包请参看《分包优化的说明》 。
4.2.4.2微信小程序后台白名单配置微信小程序后台需要配置小程序服务端的白名单，要在开发->开发管理->开发设置->服务器域名下进行request合法域名，uploadFile、downloadFile合法域名等配置 。具体厂商的域名请查看《小程序域名白名单》 。
如果开了uni统计，也需要开通统计白名单 。
4.2.4.3微信小程序接口权限申请小程序如有用到打开地图选择位置等地理位置，小程序运动打卡到微信运动等其他接口权限，需要提前在开发->开发管理->接口设置下进行申请权限 。
4.2.4.4微信小程序发布规范微信小程序发布需要通过一定的规范审核 。具体请查看《具体运营规范》 。
相关的应用小程序上线啦，快来体验！
uniapp之uni-starter小程序多端研发框架搭建与项目实践

文章插图

经验总结扩展阅读


上一篇：新人的结婚短信祝福语

下一篇：2023年11月入土安葬吉日有哪几天 2023年11月份适合入土安葬黄道吉日一览