美文网首页
微信小程序进阶版本

微信小程序进阶版本

作者: 有一个程序媛 | 来源:发表于2022-10-18 19:31 被阅读0次

    1.uni-app搭建底层框架

    开发者api https://uniapp.dcloud.net.cn/api/router.html#navigateto
    各种组件使用和方法使用api

    2.框架详解

    (1)pages.json pages配置的是页面上所有的页面路由(可视化)

      {
          "path": "pages/login/index", // 页面路由path
          "style": {
            "navigationBarTitleText": "欢迎登录" // 顶部的name显示
          }
        }
    

    (2)subPackages是配置小程序系统的所有隐藏页面(二级或者三级页面)
    (3)tabBar配置小程序最底部的tab切换,包括一些颜色,选中icon,未选中icon都可做配置
    (4)mainfest.json文件中的appid要做配置,以防在开发者工具开发的时候一直提示你appid不存在或者不可用之类的异常
    (5)package.json中的script脚本可供查看,看你是想运行该项目为何种小程序或者H5,基本上就是 mp-aa,mp-weixin,mp-alipay,mp-baidu,mp-kuaishou,mp-toutiao,dev是运行开发,build是运行打包
    (6)微信开发者工具打开项目目录/dist/dev/mp-weixin文件夹做开发预览,开发依然在自己的编辑器中开发,我的是vscode
    (7)接下来的就是一些业务层面的代码和开发

    3.开发运行

    下载微信开发者工具,点击导入或者新增,浏览目录选择项目目录/dist/dev/mp-weixin文件夹,选择apppid自己注册或者申请的,如果没有用测试号也可暂时使用,后端服务选择不使用云服务,点击确定
    vscode中打开项目目录,npm install, npm run dev:mp-weixin运行命令即可跑起项目

    4.体验版发布

    登录网站https://mp.weixin.qq.com/,扫码登录,扫码后为弹出相关账号,选择你所在的管理员账号
    管理--版本管理,分为线上版本,审核版本,开发版本,开发版本按照开发者区分,

    图.jpg
    点击右侧可选为体验版本或者取消体验版本,这个包发布过程是需要在vscode执行npm run build:mp-weixin,然后微信开发者工具打开项目目录/dist/build/mp-weixin文件夹,点击右上方的上传,会有弹窗提示如下
    image.png
    点击确定即可上传最新build的包至小程序后台。后续选择设为体验版和设置初始化页面路径即可正式体验。

    5.体验版成员

    体验版不是所有人都能看见的,需要讲体验成员的微信拉入体验成员中
    管理--成员管理
    项目成员:项目的开发者
    体验成员点击添加即可

    6.开发 -- 开发管理

    服务器域名配置
    必须配置,不然系统无法正常使用一些跟第三方服务相关的技术
    request合法域名配置各种接口用到的一些域名
    uploadFile合法域名配置上传文件的一些域名
    downloadFile合法域名配置一些下载附件或者图片用到的一些域名

    7.发布线上

    版本中选择你自己上传的版本为审核版本,然后扫码鉴权,这时候会把现在有的包上传到微信,审核版本中就会有个版本在审核,审核通过后会有微信提示审核通过或者不通过,不通过有原因,按照原因修改重新发版,通过的话就直接把这个审核通过的版本发布线上,需要扫码鉴权,发布成功!

    相关文章

      网友评论

          本文标题:微信小程序进阶版本

          本文链接:https://www.haomeiwen.com/subject/ikrszrtx.html