精华内容
下载资源
问答
  • 微信小程序上线发布流程

    万次阅读 多人点赞 2018-05-10 15:35:47
    最近花了一天左右的时间学习了下微信小程序的开发,试着练习一把的心态,搞了一个很简单的页面。 就当是学习总结吧:学习要点还是挺多的,通过查看官方接口文档,熟悉微信小程序开发工具,工程架构,相比传统页面...

    最近花了一天左右的时间学习了下微信小程序的开发,试着练习一把的心态,搞了一个很简单的页面。

    就当是学习总结吧:学习要点还是挺多的,通过查看官方接口文档,熟悉微信小程序开发工具,工程架构,相比传统页面开发类似,微信小程序也是由js文件,页面布局文件wxml和样式文件wxss

    ###一、先登录微信公众平台,在小程序栏目里注册获取appid,在开发工具里填写该appid,打开开发工具进行编码工作。

    1.1、知识点巩固。
    app.json文件

    {
      "pages":[
        "pages/huangbaokang/huangbaokang",
        "pages/zhanglulu/zhanglulu"
      ],
      "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#baf088",
        "navigationBarTitleText": "幸福婚姻",
        "navigationBarTextStyle":"black" 
      },
      "tabBar": {
        "list": [
          {
            "pagePath": "pages/huangbaokang/huangbaokang",
            "text": "黄宝康",
            "iconPath": "images/1.png",
            "selectedIconPath": "images/1.png"
          },
          {
            "pagePath": "pages/zhanglulu/zhanglulu",
            "text": "张露露",
            "iconPath": "images/2.png",
            "selectedIconPath": "images/2.png"
          }
        ]
      }
     
    
    }
    
    

    入口全局配置主要配置页签tabBar设置,全局pages定义,头部背景,及字体,网络超时等。

    wxml标签的掌握

    huangbaokang.wxml文件

    <!--pages/huangbaokang/huangbaokang.wxml-->
    <view class='title'>黄宝康的帅气照</view>
    <view class='photo-list' wx:for="{{photos_hbk}}" >
      <!--遍历图片文件,生成各个view-->
      <view class='photo-item'>
        <image src='/images/hbk{{index+1}}.png'></image>
      </view>
    </view>
    

    huangbaokang.js文件

    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        photos_hbk: ['1.png', '2.png', '3.png', '4.png']
      }
    })
    

    huangbaokang.wxss文件

    /* pages/huangbaokang/huangbaokang.wxss */
    .title{
      font-size: 70rpx;
      text-align: center;
    }
    
    .photo-list{
      margin-top: 20rpx;
    }
    
    .photo-item{
      width: 100%;
      height: 100%;
      margin-top: 20rpx;
    }
    

    具体到页面的开发,需要学习wxml各种标签的用法,语句wx:for的使用,及动态数据绑定(使用{{}})。

    事件函数处理

    进一步掌握事件处理等,绑定一个方法,在js文件中相对应一个方法。

    ###二、上传发布审核上线

    编码完之后,可以在开发工具右上角点击上传按钮将代码至微信后台。如下:

    这里写图片描述

    输入相关版本号确定之后可以在微信小程序后台管理处看到提交的版本。

    这里写图片描述

    上图我的是提交完之后的,提交完之后进入审核中,一般一两天就能查看审核结果,通过审核之后,还需要发布上线。

    经过上面的操作之后就可以在微信里,小程序处进行搜索我们自己开发的程序了。

    这里写图片描述

    附:工程架构图

    这里写图片描述

    还有不忘秀一张帅气照:

    这里写图片描述

    展开全文
  • 主要介绍了微信小程序上线发布流程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 发布小程序的好处 所有人使用你的小程序,之前我们的小程序体验版或者开发版,只有开发者,体验者才能使用 扫描小程序码直接进入你的小程序。没有发布时,扫描小程序码提示没有发布 在小程序搜索得到你的小程序...

    经过不断的开发和优化,

    你的微信小程序完善后就可以对外发布了,

    发布小程序的好处

    1. 所有人使用你的小程序,之前我们的小程序体验版或者开发版,只有开发者,体验者才能使用

    2. 扫描小程序码直接进入你的小程序。没有发布时,扫描小程序码提示没有发布

    3. 在小程序搜索得到你的小程序


    微信小程序发布上线需要注意的地方

    小程序发布后,名称就不能修改了

    发布时,需要小程序管理员扫码验证身份

    需要把你的小程序上传到微信并提交审核


    微信小程序发布上线流程和方法

    1. 登录你的微信小程序后台,点击‘开发管理’

    提交发布微信小程序


    选择你要发布的版本,

    点击‘提交发布’


    2. 勾选‘已阅读规则’,并点击‘下一步’

    确认发布微信小程序


    这里微信提示你发布后小程序不可修改名称,

    所以发布前一定要把名称确认好。


    3. 微信会要求小程序管理员扫描二维码

    管理员扫描二维码


    4. 管理员扫描后在手机微信上点击‘发布’

    管理员确认发布


    5. 发布成功

    微信小程序发布成功


    在开发管理页面,

    会看到线上版本中有我们刚才发布的小程序,

    还可以对它进行操作,

    比如设置访问状态,查看详情等等。


    下载小程序码可以扫描进入小程序

    扫描小程序码


    在微信小程序中搜索秦子恒可以找到子恒老师的小程序,

    而且小程序旁边没有了版本提示。

    搜索得到微信小程序

    小程序怎么发布上线视频教程在线观看

    http://edu.csdn.net/course/detail/4781/91279

    展开全文
  • 小程序发布上线全流程(包含小程序怎么通过审核)

    千次阅读 热门讨论 2021-05-18 09:43:41
    小程序在开发完成后,需要上传代码,设为体验版本(功能测试),提交审核,发布上线这几个基本步骤。接下来用自己的亲身经历一一详细介绍!!! 小程序发布上线全流程 1.上传代码 2.设为体验版本 3.提交审核 微信...

    小程序在开发完成后,需要上传代码,设为体验版本(功能测试),提交审核,发布上线这几个基本步骤。接下来用自己的亲身经历一一详细介绍!!!

    小程序发布上线全流程

    1.上传代码

    微信开发者工具右上角上传处上传全部代码。如下图:
    上传代码

    如果小程序中涉及到一些request的请求接口,记得把不校验合法域名勾选上。另外注意,小程序的接口不允许http,只支持https。仅仅是https还不够,正式版和体验版上的接口功能实现还需要将接口地址添加到开发管理——开发设置——服务器域名——request合法域名中去。否则,手机预览或者在体验版小程序中可能无法实现接口功能。

    上传的时候会让你设置版本号,第一次一般都是1.0.0,按照修改代码的大小以及功能对应的修改版本号。如下图:
    上传代码的时候设置版本号

    上传完成后会让你下载一个什么sourcemap的压缩包,下不下都无所谓。另外,上传过程中可能提示node_modules包没有上传,不管它就完事了。

    2.设为体验版本

    上传完成后,登陆微信公众平台,登上自己的小程序,然后在版本管理就能看到自己刚刚上传的版本了。如下图:
    上传后的版本

    我们可以将上传的版本设置为体验版本,这样更方便地测试我们的小程序的功能(下次上传新的代码时会将新上传的设置为体验版本)。点击体验版就能看到体验版的小程序的二维码了。

    3.提交审核

    关于个人主体小程序的类目,可以去下面看看:
    小程序常见被拒绝情形
    微信小程序审核规范规则

    一般如果你的小程序涉及音乐,视频或者金融等,都是不允许的。需要注册企业主体。接下来就是重点:怎么绕过小程序的审核?

    绕过小程序的审核

    注意,小程序都是人工审核的,他们只看页面不看代码。并且你的所有页面都能进去,不管你有没有设置路由跳转。申明:这样的做法我在查资料的时候看到可能会被封号,不过我觉得应该是小程序号,不是微信号。如果封号了我会第一时间告诉你们。😂😂😂

    下面就是绕过小程序审核的详细步骤

    1.在小程序的入口文件app.jsglobalData全局变量中设置一个变量isExamine,初始值为true

    globalData: {
        // 检测是否在审核中
        isExamine: true,
        ...
    }
    

    2.接着还是在入口文件中的onLaunch方法中写这样一段代码:

      //进入小程序时就会执行
      onLaunch: function () {
        // console.log('进入小程序')
        // console.log(this.globalData.isExamine)
        // 获取当前时间
        var nowTime  = Date.parse(new Date())
        var delineTime = Date.parse('2021-5-19')
        // console.log(nowTime > delineTime)
        if(nowTime > delineTime) {
          // 说明已经过了审核周期,正常显示
          this.globalData.isExamine = false
        } 
    }
    

    这段代码的目的就是,当审核员或者用户打开小程序时获取到当前时间戳,如果比你设置的一个时间戳(这里我设置的是2021-5-19)要的话,说明打开该小程序的是用户isExamine设为false;如果要比设置的时间戳小,说明打开此小程序的是审核员,那么isExamine的值不变,还是true。一般审核挺快的,一天左右就可以了,为了保险,加入你是15号上传提交审核的代码,那么你把日期设置17号或者18号,那么当审核员打开你的小程序的时候,全局变量isExamine的值是true,如果过了17号或者18号的零点,那么全局变量isExamine的值就会变成false,表示已经过了审核。这就是绕过审核的思路。

    3.接下来在每个页面上都是一样的做法
    WXML:

    <!-- 给审核看的代码 -->
    <view wx:if="{{ isExamine }}">
      <text>这里随便写点内容,或者搞个特别简单的小功能</text>
    </view>
    <!-- 正常显示页面 -->
    <view wx:else>
      
    </view>
    

    JS:我只贴上关键代码了

    const app = getApp()
    ...
    data: {
      isExamine: true
    },
    ...
    onLoad: function (options) {
      ...
      this.setData({
        isExamine: app.globalData.isExamine,
      })
    },
    
    

    这样就能绕过审核了。

    另外,注意小程序底部自带的Tab栏,Tab栏的文字,以及每个页面的标题,这些地方不要写上音乐,视频,mv,歌单这种敏感词。Tab栏的图标也是不要贴上音乐,mv的标志。

    我前前后后一共提交了四五次代码,最后总算过了😂😂😂。我做的是一个仿网易云音乐的小程序。

    最后,如果还是不幸的没通过(会微信发消息通知你),那么你可以尝试不接受审核结果,发表自己自己的看法,总之就是硬说自己的小程序没有违规就完事了。

    4.发布上线

    最后一步,如果通过了审核,那么在右侧点击提交发布即可。如下图:
    发布上线
    最后可以进我的小程序看一下我的学习成果(小程序在2021-5-19后才会生效),emm当然有一些地方还有bug,还有一些小功能没有实现的(关于我的的小程序的详细介绍在另一篇待发布的博客)。哦对了,小程序真名叫做网愈芸音乐。欢迎你们来评价和提出意见。

    我的小程序

    展开全文
  • 同学们大家好,我是小伊同学,到此我们已经学完了如何开发基本的小程序前端页面,下面我们来一起学习一下小程序如何代码发布上线运行。 当我们已经完成了全部小程序功能的开发后,就要进入测试体验、审核...

    同学们大家好,我是小伊同学,到此我们已经学完了如何开发基本的小程序前端页面,下面我们来一起学习一下小程序如何代码发布和上线运行。

     

     

      当我们已经完成了全部小程序功能的开发后,就要进入测试体验、审核发布阶段了。

     

      通常我们在写好一个小程序后,是先在模拟器窗口验证功能没有问题了,然后开发者扫描开发版本的二维码进行测试体验,复杂的小程序也可以借助真机测试同时在开发工具和自己手机上进行联调联试。当开发者体验功能后也没有问题,我们就可以上传代码了。

     

      代码上传后,一般我们会设置为体验版并邀请产品经理以及UI设计师查看体验,没有问题后就可以提交审核,一般在几小时到几天之内就能看到审核结果,如果小程序没有违反相关规定就会被通过,此时开发者登录小程序平台将代码进行发布,发布后该版本的代码全部微信用户都能够使用了。只有上一步没有问题以后,我们才能开始下一步。如果上述步骤任何一步出现问题,都需要重更新修改改代码,然后重新开始整个流程。

     

     

      那么,如何上传代码呢?我们使用开发工具,点击右上角的上传按钮,在弹框中输入版本号和备注,这两个主要是开发人员用于版本控制和版本说明的,由我们自己定义就可以了。然后我们点击绿色的上传按钮就完成代码上传了。

     

     

      接下来我们登录小程序的网页管理后台,可以发现我们刚才上传的代码已经出现在开发版本这里,也就是最后一栏。这里我们可以点击体验版的二维码进行体验,如果没有这个蓝色的标志,需要在右边的下拉箭头中选择选为体验版,这里的开发版本每个上传代码的开发者只能有最新的一个显示在这里,多次上传会覆盖之前的版本,如果两位开发者都上传了代码,那么体验版只能选取一个。当我们点击提交审核并且按照弹框操作后,代码就会出现在审核版本,也就是中间这部分,此时我们需要等待微信审核。审核通过后一般微信会收到提醒,我们可以在审核版本这里点击发布,则该版本就会变为线上版本,出现在第一行,此时代码的发布就完成了。

     

      本节的内容到此结束,同学们可以把自己编写好的小程序代码上传发布,让所有人都能体验到,是不是很有成就感呢?快来动手尝试吧!那我们本章的学习也结束了,本章我们讲解了单纯地按照UI设计制作简单前端样式的基本知识,下面我们将要进入服务器代码即后端的学习。

    如果大家有什么问题,欢迎在文末留言。

     

    想看视频版?

    关注公号“微程序学堂”,我们的视频教程即将上线

     

    如果你自己写了好文章想投稿

    请联系我们

     

    展开全文
  • 微信小程序上线发布流程 第一步:运行项目用微信开发者工具打开 第二步:确认一下是否是线上地址,appId是否有误,文件大小有无超出 2M(2048KB) 超出需要分包处理,或者查看是否存在大量本地图片,将其放在线上,...
  • ① 小程序appid 将开发好的小程序的appid换成管理员真实的appid。 ② 小程序后台开发设置 将项目开发中,小程序涉及到的所有的服务器域名,都必须在开发设置中进行配置。 注意: 小程序的网络请求协议,必须是...
  • 小程序发布上线流程

    万次阅读 2018-11-30 21:10:04
    我们都知道,项目上线是要付费的,需要提供服务器与域名,开通正式环境来进行上线发布小程序的研发也是不例外的。不过呢,微信平台提供了一个测试号的注册,我们可以通过它实现测试环境的开通来供我们体验。接下来...
  • 小程序的日益流行,往往很多人会被卡在上线这一块。我这篇博客主要分享我自己关于如何上线小程序发布流程。如果有人不想等上线审核漫长的时间流程,我这里也提供了一个方案,怎么让你的好友免上线提前访问。
  • 小程序上线的流程

    2019-04-09 11:18:42
    测试小程序到正式小程序的准备工作和审核流程 准备工作 微信公众平台 将正式接口域名在微信公众平台备案 给程序猿添加开发者权限 微信开发者工具 修改接口地址,将测试接口改为线上接口 使用正式appid登录微信...
  • 如下图 右上角只有三个按钮 但是却没有上传按钮 我们知道上传按钮是为了写好的小程序发布上线和上传体验版本的,没有那怎么办呢 没有上传 主要是因为在 详情 --> 基本信息 中的appid不正确 获取正确的appid ...
  • 第一步:注册微信小程序 1、注册微信小程序,一定要自己通过微信官方去注册申请,因为需要...2、注册小程序下来后,需要实名认证,实名认证提倡以企业(或个体户,个体户也是企业)进行实名,实名认证需要缴纳30...
  • 惊了!个人小程序上线一小时,服务器崩了!

    万次阅读 多人点赞 2020-04-17 13:47:32
    O(∩_∩)O哈哈~) 成果展示 小程序第一个版本代码差不多写了3天【2月13日上线】,后面又不断修修补补,开发之路非常坎坷啊(主要还是技术太菜 太多bug)【小程序名:海轰Pro】 小程序上线一小时的后台数据:...
  • 12月28日,微信之你张小龙在广州举办的微信公开课上,首次全面阐述了小程序,并公布小程序正式上线时间为1月9日。以下为张小龙就大家关心的微信小程序相关的问题所做的解释。第一个问题:小程序的入口在哪里?小程序...
  • 微信小程序上线缓存及解决办法

    千次阅读 2020-07-31 09:24:11
    再重新打开经常会有一个问题,就是我们新迭代的功能不能立即使用,在你手机上显示的版本还是之前的版本,此时我们或许会有疑问,我的新版本明明已经上线了,为什么手机上还没显示,其实这就涉及到一个小程序的缓存...
  • 小程序上线前须知

    千次阅读 2018-09-09 13:57:05
    目前小程序的审核在1小时到N天不等。官方说是7个工作日内,一般在3日内。但有用户反馈超过7个工作日未审核。 个人身份注册小程序,建议还是别做了。很多类目未对个人开放,限制太多。 最好使用企业主体注册小程序。...
  • 提交审核为了保证小程序的质量,以及符合相关的规范,小程序发布是需要经过审核的在开发者工具中上传了小程序代码之后,登录小程序管理后台- 开发管理 - ...     开发和测试完成之后,就需要将小程序发布给用户...
  • 小程序代码编写到上线

    千次阅读 2018-08-14 17:39:06
    参与开发的小程序项目今天发布上线了,前端部分全部我负责,在此把自己的一些感悟总结下。 小程序的很多知识点都是和html,css,js相通的,也参考了一些框架的思想:数据绑定,组件化开发,生命周期等等,不是很难...
  • 为了让开发者更高效地开发和发布小程序,微信开发者工具全新改版上线,并新增测试系统、腾讯云工具、运维性能监控、小程序分阶段发布、WXS脚本语言等……
  • 经过为期两个晚上下班时间的努力,终于把我第一个小程序开发完成并发布上线了。整个过程还算顺利,由于使用了mpvue方案进行开发,故可以享受和vue一致的流畅开发体验;后台系统使用了python3+flask框架进行,使用...
  • uniapp小程序练手项目并上线

    千次阅读 2020-07-27 23:10:51
    如题:做一个自己的小程序,并在各大小程序开发者平台上线。 背景:因没有小程序开发经验,且前端知识掌握得不好,作为一个小程序爱好者,总想有一款自己的小程序,同时也想有一款自己的app(虽然目前还没有实现)...
  • 公众号回复“领取资源”,领取300G前端,Java,产品经理,微信小程序,Python等资源合集大放送,让我们一起学前端。 前言 在微信小程序开发的过程中,代码版本管理往往需要使用第三方工具进行管理。虽然微信We...
  • 小程序上线小坑(网络异常!err:)

    千次阅读 2019-01-09 15:20:08
    最近和朋友一起兴趣做的小程序商城项目要上线,人手紧缺的情况下,负责后端工作的我,也自然担当起了运维的工作,上传代码,申请审核,发布版本一气呵成。然而,兴致勃勃搜索小程序时候,发现居然报错网络异常!err:...
  • 近期接触了小程序开发,发现我们可以使用微信小程序提供的接口来生成小程序二维码,具体如何操作可以参见这里:微信小程序...发现有个坑:未上线小程序生成二维码时如果传入的page未上线,那么会生成失败。但是我...
  • Mockplus团队发布了Mockplus微信小程序。从现在起,你无需下载Mockplus移动端,用微信扫一扫二维码,即可在微信中打开并查看原型。Mockplus微信小程序,无需安装、卸载,不占用手机内存,拯救手机空间不足;简化使用...
  • 在开发微信小程序之前,你需要有对整个开发阶段的全局认识,清楚在各阶段的工作重点。此外,你还需要借助现成的一些优质工具或代码等资源,高效快速开发出小程序,实现你的创意。 —— 由徐佳义分享 ... ...     ...
  • 这段时间完成了两个上线的微信小程序,从前端到后台总结一下 1.注册微信公众平台账号 https://mp.weixin.qq.com/ (只是想玩玩的不注册也行,直接下载微信开发工具生成测试AppID就行) 之后开发要用到的AppID、...
  • 微信小程序上线后,苹果手机请求不到数据,安卓可以 首先说明一下我的小程序页面是嵌入的网页--webview,在网页里面,会有各种网络请求,上线后,安卓手机测试没有问题,苹果手机能加载到页面,但是没有请求到数据...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,856
精华内容 20,742
关键字:

如何发布小程序上线