精华内容
下载资源
问答
  • 微信小程序开发流程详解

    千次阅读 2020-03-04 18:35:47
    打开微信小程序所在公众平台链接地址,注意不是开发平台。 https://mp.weixin.qq.com 如图: 2 注册小程序号码 点击步骤1 的小程序进入如下图: 注意 邮箱必须未被微信公众平台注册,未被微信开发平台...

    目录

    一 申请小程序账号

    1 找到微信小程序所在链接入口

    2 注册小程序号码

    3 邮箱激活

    4 登陆

    二 下载小程序编译器

    三 开发helloworld

    四 上传微信公众平台小程序

    五 发布

    六 总结 


    一 申请小程序账号

    1 找到微信小程序所在链接入口

    打开微信小程序所在公众平台链接地址,注意不是开发平台。

    https://mp.weixin.qq.com

    如图:

    2 注册小程序号码

    点击步骤1 的小程序进入如下图:

     

    注意 邮箱必须未被微信公众平台注册,未被微信开发平台注册,未被个人微信号绑定的邮箱。

    3 邮箱激活

    去填写的邮箱去激活,主要是进入邮箱后,点击里边的激活链接,具体不再赘述。

    4 登陆

    激活后就可以登陆了,然后需要管理员微信账号验证登陆。

    注意:管理员账号指的是微信公众平台的公众号管理员微信,微信公众号之前已经申请,在此不赘述。

    二 下载小程序编译器

    下载链接如下

    https://developers.weixin.qq.com/miniprogram/dev/framework/

    点击 开发者工具下载页面 下载对应OS的编译器,然后安装。

     

    三 开发helloworld

    打开编译器 创建一个helloword工程,主要涉及到的技术栈又css,html,js,等。

    注意:这个过程中需要绑定小程序的appId 类似于人的身份证。

    获取方式登陆小程序后页面,如下图:

     

    四 上传微信公众平台小程序

    上传过程是在编译器开发完成并且调试好了后,点击编译器右上角的上传即可,如下图:

    五 发布

    发布需要到小程序登陆页面点击前往发布操作,如下图

     

    六 总结 

    1 小程序开发流程其实挺简单的。

    2 小程序对技术栈要求也不高。

    3 小程序开发需要开发人员不断摸索才能走的更远。

    参考 :腾讯微信公众平台

    https://mp.weixin.qq.com

    https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E5%AE%89%E8%A3%85%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7

    展开全文
  • 主要介绍了微信小程序后端开发流程的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 微信公众号 摩拜单车小程序 猫眼电影小程序;同类产品APP与小程序测评;滴滴出行;腾讯视频;京东购物;任务1对比一款既有APP又有小程序的产品;Q1:你的用户是谁 Q2:用户画像 ;给人贴标签;它在产品开发中有举足轻重的作用...
  • 微信小程序开发流程步骤 简单 详细

    千次阅读 2019-05-28 16:17:51
    微信小程序是一种不需要下载安装即可使用的应用,它搭载在目前最流行、用户量最大的社交软件“微信”中...今天我们就来看下该如何部署微信小程序开发环境。 一、首先我们需要注册一个微信小程序的账号(注意微信小...

    微信小程序是一种不需要下载安装即可使用的应用,它搭载在目前最流行、用户量最大的社交软件“微信”中,用户通过扫一扫或搜索小程序名字即可找到使用想要的小程序并进行使用,非常的方便快捷。对于开发者而言呢,它也有非常全面、稳定、高效的接口API供开发者使用,而且相对来说比较容易的部署和发布应用,也很不错。今天我们就来看下该如何部署微信小程序的开发环境。

    一、首先我们需要注册一个微信小程序的账号(注意微信小程序账号和微信公众号和服务号是不同类型的账号,这里务必选择小程序类型的),https://mp.weixin.qq.com 进入注册页面,点击上方立即注册。
    在这里插入图片描述
    二、注册成功后,我们就可以在菜单“设置”-“开发设置”拿到小程序的AppID了。然后我们可以去管理成员管理设置添加开发人员以及体验人员,由于小编是单枪匹马,便无需设置了,因为管理员拥有所有的权限。
    在这里插入图片描述
    三、下载开发者工具,去 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?T=1902220 小程序下载页面,根据自己的操作系统下载对应的安装包进行安装即可。
    在这里插入图片描述
    四、运行开发者工具,新建项目,把自己小程序账号的Appid填写进去,就可以进行小程序的开发工作了。
    在这里插入图片描述
    五、上传代码,当我们的开发工作完成之后,并且编译成功,我们就可以进行代码的上传了。点击开发工具的右上角的“上传”按钮,填写版本号和备注点击确定上传即可。注意这边的版本号尽量是可唯一识别的,因为在服务端我们需要找到正确的版本号才能进行发布。
    在这里插入图片描述在这里插入图片描述
    六、发布微信小程序,登录微信小程序公众平台版本管理,找到开发版本里最新
    上传的版本点击提交审核,这里如果是第一次发布,需要去填写小程序的信息,填写完成之后后点击审核即可了。审核需要一定的时间,等待审核完后才能之后发布应用即可正常使用。这里建议各位开发者急需测试bug的话可以用体验版进行测试与修改。
    在这里插入图片描述在这里插入图片描述

    展开全文
  • 企业微信小程序开发流程

    万次阅读 多人点赞 2019-07-31 15:01:17
    文章目录背景问题分析处理流程1、小程序基础功能开发,提交审核2、企业微信关联小程序3、获取关联小程序的 Secret,设置可见范围4、修改小程序4.1、判断运行环境4.2、权限校验参考资料 背景 为其他公司开发一个...

    背景

    为其他公司开发一个小程序,这个小程序要只能在企业微信里面访问,不能通过普通微信访问。

    企业微信里只有授权的用户可以使用该小程序。

    之所以要整理这样一个流程,是因为微信那边的文档太分散了,乱七八糟的,我也是花了很长时间才把这个流程理顺。

    问题分析

    首先,这里面需要解决几个问题:

    1、只在企业微信里使用,不能在普通小程序使用

    判断当前运行环境

    2、只有授权的用户可以使用该小程序

    权限校验

    1:普通微信,使用账号+密码登陆,审核专用,可限制账号权限

    2:企业微信,校验企业id,校验用户id,有权限的才允许使用

    3、控制搜索

    在小程序管理后台设置「不允许被搜索」

    4、控制分享

    小程序里面关闭分享

    OK,做到以上几点,就实现了只有企业微信里授权的用户,才能够在企业微信的 工作台 看到该小程序。

    处理流程

    好,既然问题已经明确了,那我们就搞起。

    1、小程序基础功能开发,提交审核

    对,没看错,先提交审核,因为只有审核通过的小程序才能被企业微信绑定。所以,先把小程序的基础功能做出来,可以限制一部分功能,总之,就是先让这个小程序上架。同时,在小程序的管理后台设置「不允许被搜索」,避免不必要的麻烦。

    2、企业微信关联小程序

    进入企业微信后台 -> 应用管理 -> 小程序 -> 关联小程序,然后使用小程序管理员的微信扫码,按照指引操作即可。

    3、获取关联小程序的 Secret,设置可见范围

    上一步的小程序页面会出现刚才关联的小程序,点击进入,然后就看到 secret 及可见范围。

    这个 secret 相当于该小程序访问该企业微信数据的令牌,请妥善保存。

    可见范围就是授权,哪些用户能看到这个小程序,被设置可见的人将会在自己企业微信的工作台看到该小程序。

    4、修改小程序

    好了,到重头戏了。

    4.1、判断运行环境

    小程序需要判断当前的运行环境(普通微信 or 企业微信),需要判断使用当前小程序的用户是否有权限使用。

    var isWxWork = false;
    wx.getSystemInfo({
      success(res) {
        console.log(res.environment);
    
        isWxWork = res.environment == 'wxwork';
        if (!isWxWork) {
            // 当前环境不是企业微信,怎么处理你随便
            return;
        }
        
        // 当前环境是企业微信,执行登陆,获取用户 code,用于后面的权限校验
        wx.qy.login({
          success: function (res) {
            if (res.code) {
                console.log(res.code);
                
                // 这里可以将 res.code 通过请求发送给后台,让后台做权限校验
            } else {
                console.log('登录失败!' + res.errMsg);
            }
          }
        });
      }
    })
    

    4.2、权限校验

    后台需要调用以下几个接口来进行权限校验。

    1、获取 access_token

    https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=xxxx&corpsecret=xxxx
    
    请求方式:GET
    

    这个接口和普通微信获取 token 的方法类似。

    其中,corpid 在企业微信管理后台->我的企业->企业信息->企业ID;corpsecret 就是我们上一步关联小程序后获取的 secret。

    返回内容如下:

    {
        "errcode": 0,
        "errmsg": "ok",
        "access_token": "xxxxxx",
        "expires_in": 7200
    }
    

    2、获取 userid

    https://qyapi.weixin.qq.com/cgi-bin/miniprogram/jscode2session?access_token=xxx&js_code=xxx&grant_type=authorization_code
    
    请求方式:GET
    

    其中,access_token 是我们前一步 gettoken 获取到的;js_code 是前面判断运行环境时获取到的 res.codegrant_type 固定传 authorization_code

    返回内容如下:

    {
        "userid": "bottle",
        "session_key": "xxxxx",
        "corpid": "xxxxxx",
        "deviceid": "xxxxxx",
        "errcode": 0,
        "errmsg": "ok"
    }
    

    这里的 corpid 可以用来初步校验当前用户是否有权限,因为无论哪个公司的人,只要他用企业微信,使用这个小程序,都会返回这样的结果,你需要根据 corpid 是否是你授权的企业的ID来校验,如果不是,直接返回无权限就可以,不用进行下一步。

    当然 corpid 也可以用于处理一个小程序关联多家公司的情况,不过这是另一个问题了。这里简单提一嘴,因为是给其他公司开发的小程序,所以我们这个小程序也关联了两个企业,一个我们公司,一个对方公司,这样也方便我们测试,只需要给我们自己的测试人员授权就可以让他们使用完全相同的环境进行测试了。

    3、获取用户信息(判断权限)

    https://qyapi.weixin.qq.com/cgi-bin/user/get?access_token=xxx&userid=xxx
    
    请求方式:GET
    

    其中,access_token 是我们前一步 gettoken 获取到的;userid 就是我们上一步获取到的 userid

    返回内容如下:

    • 有权限
    {
        "errcode": 0,
        "errmsg": "ok",
        "userid": "xxx",
        "name": "xxx",
        "department": [],
        "position": "",
        "mobile": "xxx",
        "gender": "2",
        "email": "",
        "avatar": "http://p.qlogo.cn/bizmail/xxx/0",
        "status": 1,
        "isleader": 0,
        "extattr": {
            "attrs": []
        },
        "telephone": "",
        "enable": 1,
        "hide_mobile": 0,
        "order": [],
        "qr_code": "https://open.work.weixin.qq.com/wwopen/userQRCode?vcode=xxx",
        "alias": "",
        "is_leader_in_dept": []
    }
    
    • 无权限
    {
        "errcode": 60011,
        "errmsg": "no privilege to access/modify contact/party/agent , hint: [1564556097_7_8d45297bd21be3702ff430560e1f0652], from ip: 118.113.1.217, more info at https://open.work.weixin.qq.com/devtool/query?e=60011",
        "department": [],
        "order": [],
        "is_leader_in_dept": []
    }
    

    OK,后面根据有权限还是无权限,执行不同的操作就可以了,这里不再赘述。

    参考资料

    企业微信API(小程序):https://work.weixin.qq.com/api/doc#90000/90136/90289

    企业微信接口调试工具:https://work.weixin.qq.com/api/devtools/devtool.php

    错误码查询工具:https://open.work.weixin.qq.com/devtool/query

    展开全文
  • 微信小程序开发总结

    2017-10-30 19:39:35
    微信小程序与传统的WEB开发有很大的区别,这些区别主要在于小程序虽然使用传统web开发的套路却添加了很多限制,如果不去充分了解这些限制会在开发中遇到各种奇奇怪怪的问题。
  • 微信小程序开发流程

    2018-01-30 16:43:00
    1、注册微信小程序账号 ...lang=zh_CN),选择“小程序”,按要求填写相关信息即可完成微信小程序的注册。(ps:微信严格区分个人公众号与小程序,因此微信小程序的注册邮箱不可以与微信个人公众号...

    1、注册微信小程序账号

      按照文档指引,咱们得先注册一个微信下程序的账号,访问地址(https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN),选择“小程序”,按要求填写相关信息即可完成微信小程序的注册。(ps:微信严格区分个人公众号与小程序,因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同)

      

     

      2、获取微信小程序的 AppID

      注册完成后登录,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

      

     

      3、下载微信小程序开发者工具

      由于微信小程序的代码及规范相对封闭,因此按照微信官方的说法,为了帮助开发者简单和高效地开发微信小程序,推出了全新的开发者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),集成了开发调试、代码编辑及程序发布等功能。

     

      4、创建demo项目

      下载完成后,选择创建“项目”,填入上一步获取到的AppID,设置本地项目的名称(非小程序名称),如:demo,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

      为了方便上手,咱们先使用微信官方提供的样例源码(https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip)。

      

      项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

     

      5、手机预览

      开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

      

     

      6、代码上传

      开发者工具左侧菜单栏选择"项目",点击"上传"即可将代码上传到微信小程序服务器。

      

      7、小程序发布

      登录微信公众平台并访问小程序首页(https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN),按要求完成第1步,填写小程序相关信息及用户身份信息(暂时可绑定5个开发者和10个体验者),然后点击第2步“前往发布”按钮,按要求填写小程序相关信息及版本信息即可提交审核。

    微信小程序相关流程已经基本走完,接下来等待微信官方审核,然后与具体的微信公众号绑定即可进行访问。关于微信小程序具体的代码编写及规范可详见微信官方的开发者文档。

    转自:https://www.cnblogs.com/ssrstm/p/6855572.html

    转载于:https://www.cnblogs.com/baoshuyan66/p/8385789.html

    展开全文
  • 微信小程序开发部署上线流程微信小程序开发部署上线流程微信小程序开发部署上线流程微信小程序开发部署上线流程微信小程序开发部署上线流程
  • 微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html 开发: 在开发之初,我们需要先明确微信方已经制定好的授权登陆流程,参看 官方API – 登陆接口。 你会看到微信方为开发者制定...
  • 微信小程序开发流程与技术探析.pdf
  • 微信小程序开发PDF版

    2020-09-28 21:13:52
    微信小程序开发相关流程PDF版本, 微信小程序开发相关流程PDF版本, 微信小程序开发相关流程PDF版本。
  • 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 个人对小程序与web开发的看法 小程序的开发我个人认为是view+wxcc实现的静态页面的布局,可类比于web...
  • 微信小程序开发流程与技术探析
  • wx-schedule > 微信小程序-课程表(demo) 涵盖学习内容: 小程序登录流程,包括获取用户敏感数据等 设置二级页面的原生tabbar 封装http请求,页面流程和布局设计 简单实现日历功能 引入WeUI等
  • 写在前面:大部分同学做企业级微信小程序应该有两种情况。第一为企业做开发(这类情况后期账号准备和发布流程就比较简单),第二就是做小程序想要开通支付功能,而我就属于第二种,下面同学们一定一定听好了! 准备...
  • 三、小程序登录流程梳理: 1、小程序端调用wx.login 2、判断用户是否授权 3、小程序端访问 wx.getUserInfo 4、小程序端js代码: wx.login({ success: resp => { // 发送 res.code 到后台换取 openId, sessionKey,...
  • <!... Typora Writings@font-face { font-family: ‘Open Sans’; font-style: normal; font-weight: normal; src: local(Open Sans Regular), url(file:///C:/Users/35985/AppData/Roaming/Typora/themes/github...
  • 一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的小程序,那小程序开发流程是...
  • 微信小程序开发流程指南

    千次阅读 2018-04-14 13:22:09
    微信小程序简介 账号申请流程 1.注册账号 2.选择注册的账号类型 3.填写注册信息 4.激活邮箱 5.填写主体信息 6.选择主体类型 7.填写主体信息并选择验证方式 8.确认主体信息不可变更 9.点击确认完成注册流程 微信...
  • 微信小程序开发步骤 一、首先我们进入 微信公众平台 微信公众平台 (1) 进入之后显示这个页面,点击注册 (2) 点击小程序 (3) 根据流程完成注册 (3) 注册成功 (4) 接下来,点击开发者工具 (5) 下载...
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 旨在简化小程序开发管理流程,降低开发门槛,提高开发效率。 API文档 中文API文档 主要特性 针对已有的小程序原生API进行简单二次封装,支持更多对原生API的简洁调用方式及链式调用方式。 托管小程序页面JS处理...
  • 微信小程序的商户系统一般是以接口的形式开发的,小程序通过调用与后端约定好的接口进行参数的传递以及数据的接收。在小程序支付这块,还需要跟微信服务器进行交互。过程大致是这样的: 一.小程序调用登录接口获取...
  • 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本...1、小程序基础功能开发,提交审核 2、企业微信关联小程序 3、获取关联小程序的 Secret,设置可见范围 4、修改小程序 4.1...
  • 微信小程序开发流程梳理

    千次阅读 2016-09-23 09:17:33
    上午,在某技术社区首先曝出一篇题为“微信小程序开发教程”的博客,迅速在网络上疯转,中午严肃君加了对应的QQ群,不到几个小时QQ群人数已经达到1000多人,由此可见开发者们对于微信小程序的巨大关注度。...
  • 微信小程序开发到发布流程

    千次阅读 2020-09-17 11:39:59
    最近自己做了个微信小程序,这里把整个流程跟大家分享一下。整个流程大致分为如下几步: 一、 开发前准备 a) 服务器准备 我用的阿里云服务器,微信小程序后台需要https协议,网站域名需要购买,我买的top域名比较...
  • 微信小程序开发教程

    2017-10-16 19:02:38
    腾讯微信架构师撰写,小程序巧应用,实现创业大梦想。内容系统全面,包括流程、技巧、案例,可帮助你简单高效地搭建具有原生App体验的小程序

空空如也

空空如也

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

微信小程序开发流程

微信小程序 订阅