精华内容
下载资源
问答
  • 自己做一个微信小程序
    千次阅读
    2019-09-03 11:38:19

    微信为了不让小程序成为孤岛,提供了从一个微信小程序跳转到另一个微信小程序的功能,这个功能也是经过了很多波折,方式也不断改变,所以导致很多小伙伴在网上找到的博文都不能正确解决自己的问题,下面我来总结一下跳转方法的变化,以及最新的从一个微信小程序跳转到另一个微信小程序,现在改怎么做。

    **版本一:**该版本下小程序互跳有一个条件,那就是小程序A和小程序B必须绑定在同一个公众号下,一个小程序可以跳转很多个其他小程序,限制比较小,但是有些开发者在这上面做了文章,所以微信做了调整

    **版本二:**该版本也是目前最新的版本,没有了公众号的限制,但是加了新的限制规则:
    1、跳转必须点击按钮
    2、不能进入小程序自动跳转
    3、跳转到其他小程序会有弹框提示,防止用户误点
    4、一个小程序最多只能跳转10个其他小程序
    5、新添加的小程序必须在app.json文件中配置AppId,具体配置如下

    "navigateToMiniProgramAppIdList": [
        "wxc0acfddb7a2...1b"
      ]
    
    

    以上两个版本对于跳转方法上倒是没做什么改变,具体跳转方法如下,也可以参考官方的文档查看https://developers.weixin.qq.com/miniprogram/dev/api/navigateToMiniProgram.html

    1、在js文件中通过js代码跳转:

    wx.navigateToMiniProgram({
      appId: '',// 要跳转的小程序的appid
      path: 'pages/index/index?id=123',// 跳转的目标页面
      extraData: {
        foo: 'bar'
      },
      success(res) {
        // 打开成功
      }
    })
    
    

    2、直接在页面上进行跳转(navigator方式跳转,需要小程序版本库在2.0.7及以上

    <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>
    
    
    更多相关内容
  • 讲解微信小程序支付V3。购课提供源程序。   购课咨询请联系九宝老师。   课程详细讲解微信小程序支付V3版的相关知识点。   九宝培训同时提供微信公众号、企业微信、微信小程序、支付宝支付、支付宝小...
  • python flask实战订餐系统微信小程序

    千人学习 2021-10-15 14:08:30
    本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。   从基础语法入手,构建MVC架构,增进对小程序和后端API的理解认识。帮助你快速提升项目经验,提高项目中...
  • 微信小程序源码-合集6.rar

    千次下载 2020-09-04 15:21:28
    微信小程序源码,包含:图片展示、外卖点餐、小工具类、小游戏类、演绎博览、新闻资讯、医疗保健、艺术生活等源码。
  • 微信小程序源码-合集4.rar

    千次下载 2020-09-04 14:41:53
    微信小程序源码,包含:3C手机商城、kindle图书商城、大宅小屋拼团、球鞋商城、扫码购物、一元夺宝、喜茶店铺、京东首页、京东白条、小米商城等35商城类源码。
  • 微信小程序源码-合集1.rar

    千次下载 2020-09-04 10:44:13
    微信小程序-源码合集】该合集主要整理 包含交友互动、节日祝福、金融行业、旅游行业、论坛系列、美容行业!
  • 微信小程序开发视频教程全套

    千次下载 热门讨论 2017-12-14 12:57:52
    微信小程序(wei xin xiao cheng xu),简称小程序,缩写XCX,英文名Mini Program,是种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫扫或搜一下即可打开应用。 全面开放申请后,主体...
  • 这是份非常详细的微信小程序开发ppt,从入门到精通,资源十分详细
  • 微信小程序 实例汇总 完整项目源代码

    千次下载 热门讨论 2016-11-01 17:46:47
    微信小程序 实例汇总 完整项目源代码
  • 做一个微信小程序的完整流程

    万次阅读 多人点赞 2018-09-07 01:13:36
    虽然小程序技术门槛没那么高,但自己独立做一个小程序还是需要了解的内容比较多的。帮朋友的是一个电商小程序,下面结合将的和收集获取的信息,谈下完整流程,方便下面来指导开发。 二. 流程 大致流程是这样...

    一. 引言
    最近在帮朋友开发一个小程序,都说今年是小程序快速发展的一年,不懂技术的人,大部分零售店面都开始想做一个小程序帮助推广销售。虽然小程序技术门槛没那么高,但自己独立做一个小程序还是需要了解的内容比较多的。帮朋友做的是一个电商小程序,下面结合将做的和收集获取的信息,谈下完整流程,方便下面来指导开发。

    二. 流程
    大致流程是这样的:

    1)、首先你需要注册一个小程序账号,企业版的。
    2)、由于是电商项目,需要支持支付,需要你开通微信支付认证,大概300元。如果你有微信公众号,可以在上面申请小程序账号,申请关联,然后微信公众号和小程序只需要认证一次,节省费用。

    3)、搭建自己的服务器,首先你要租用一个服务器,阿里和腾讯都可以,然后申请域名并备案,域名需要支持https。

    4)、需求收集和分析。用户展示的小程序一般包括首页,分类,订单,我的。支持商品分类查看,商品搜索,商品详情查看,购物车,收货地址管理,订单管理,支付,关于我们。
    5)、开始设计数据库表和字段,包括商品表,用户表,商品分类表,订单表。

    6)、后台数据接口设计和开发

    7)、小程序前端页面的原型设计和开发

    8)、后台管理系统,一般包括商品查看,添加,删除,修改。订单管理,用户管理。销售数据统计等。

    9)、部署应用到服务器,测试小程序,上传小程序代码到微信平台审核。

    10)、后期需求变更及维护

    三. 技能

    你需要具备以下技能:

    1)、数据库,如Mysql

    2)、一种后台语言:Java或Php

    3)、前端JavaScript、Css、html

    4)、会设计原型图,设计后台接口

    5)、搭建web服务器的能力

    6)、一个域名(需要支持https)

    一列下来,完全就是个全栈工程师了。别怕,只是知识点很多,不需要很精通,达到了解应用就可以完成小程序了。

    四. 最后

    当然,你只是玩玩,你可以写一些小工具小程序,不需要后台数据接口,不用后台管平台。最多把数据存储在文件本地,但这样清除缓存后容易数据丢失。
    还有一种开发模式,借助很多一些数据接口免费平台,很多接口是免费开放的,会提供完整数据接口格式和示例。这两种对于学习小程序都没有问题。

    后期等完成开发后详细补充介绍下完整开发过程。请期待。

    欢迎关注我的公众号,会持续更新个人成长和互联网技术干货

    这里写图片描述

    展开全文
  • 从头搭建一个微信小程序,需要哪些流程?

    千次阅读 多人点赞 2022-02-16 09:05:43
    从头搭建一个微信小程序,需要哪些流程? 微信小程序整体有几种模式,一种是云服务模式,一种是不使用云服务模式,两者什么区别呢? 官方解释:微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者...

    从头搭建一个微信小程序,需要哪些流程?

    微信小程序整体有几种模式,一种是云服务模式,一种是不使用云服务模式,两者什么区别呢?

    官方解释:微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。
    开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。
    开发者无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发。
    个人理解:云服务模式,就是后台逻辑和数据在腾讯服务器端托管,非云服务模式,也就是后台逻辑在本地服务器端,两者区别在于自己买/租服务器来部署后台接口服务,还是使用小程序官方提供的服务,当然,使用官方提供的呢,自然也有一些安全方面的好处,自己部署在服务器的话,就需要在接口层面做好鉴权、校验、加密等措施。这里呢,我们就以个人部署为例。

    好了,废话不多说,上干货,以下所有内容并不是细化内容,仅仅为搭建的流程步骤,有不清楚的可以 QQ点击这里与我交流,或者扫码下方微信二维码,与我沟通!

    在这里插入图片描述

    搭建流程

    搭建微信小程序,我们需要准备以下内容:

    首先,在微信开放平台,注册申请一个微信小程序,点击这里前往
    在这里插入图片描述
    注册好之后,登录账号,在页面的:开发》开发管理》开发设置 获取小程序的appid
    在这里插入图片描述
    然后下载微信小程序的开发者工具,下载位置在页面的:开发》开发工具》开发者工具 进行下载在这里插入图片描述

    微信开发者工具呢,主要使用的是官方提供的组件,也可以自己画界面样式,具体开发文档看官方提供的文档内容,https://developers.weixin.qq.com/miniprogram/dev/framework,实际和常规网页开发,小程序的js语法是一样的,只是说类似vue框架的开发模式,数据绑定,生命周期触发等,界面样式是几乎等同于css,不一样的是微信小程序有自己的界面单位:rpx等,也是微信小程序之常用的单位,比常规前端更好的点在于,微信小程序屏幕宽度恒定为:750rpx,这样有利于前端开发人员应对不同屏幕,同一比例计算划分,大大提高了界面兼容性,更是提供很丰富的组件,减少了开发者对一些选择器等组件的重画精力

    新建小程序项目,打开微信小程序开发者工具之后,新建项目,这里要输入一个appid,这里就填写上面我们注册的微信小程序,获取到的Appid填入即可,选择不使用云服务
    在这里插入图片描述
    在这里插入图片描述

    这样就建好了小程序的初始化状态,初始化是官方提供的demo代码,这样就可以在这个基础上进行界面开发了,这里就不细讲小程序如何开发了,有兴趣的可以看着文档写个demo练练手,这里面涉及到一个要点,就是前后端交付,目前小程序是前端,那么后端呢?

    后端就很多了,看你自己熟悉什么语言,就用什么语言做后端接口,以前的网站大多都是前后端不分离的,现在几乎都是前后端分离,这里分不分离有什么区别呢?不分离的话,界面渲染都是在服务器端完成的,分离的话是在客户端完成的,相比而言,前后端分离是更好的选择,这样前后端分工开发,效率更高,降低维护成本,分工更加明确,后端注重逻辑,前端注重界面渲染和逻辑处理就好,而微信小程序也是完全的前后端分离框架,说远了, 说远了, 回来继续讲,后端的话,我一般使用Java、Pyhton、PHP这三种语言中选其一,目前用Java、Python多一些,看个人喜好还有系统的稳定要求等来定论就好,这里就不演示后端逻辑了,注意的一点是,微信小程序要求后端必须是支持https的,https的话就需要SSL安全证书,这个证书呢,一般买域名都有送的免费的,这里建议使用阿里云或者腾讯云等,当然,根据你自己喜欢去选择就好,这里以阿里云为例:
    在这里插入图片描述
    申请好免费证书直接下载就好了,至于下载什么类型的证书就看你使用的后端语言是什么,框架是什么了,下载好之后放到对应的后端框架上进行配置,这里以java语言的spring boot 为例,将下载好的证书放到resources文件目录下, 并且在配置文件配置上ssl相关参数
    在这里插入图片描述
    配置完成后,将接口打包部署到云服务器,这里服务器是应用服务器,就看你买/租的什么服务器了,对应后端的语言框架去搭建部署即可,这里ssl部署好之后,要把https的接口地址配置在微信小程序的安全域名,这样微信小程序才能进行交付
    同样,在微信小程序的后台界面:开发》开发管理》开发设置 》 request合法域名 进行配置
    在这里插入图片描述
    配置好之后,在微信开发者工具将代码版本进行提交,然后在后台将体验版提交给微信小程序团队审核即可。
    在这里插入图片描述

    这样就是完整的一个流程了,文章没有提及代码相关信息,因为比较细,写起来的话内容就太多太麻烦了,这里只是介绍整体流程,有不清楚的可以 QQ点击这里与我交流,或者联系微信:walei5201314。

    展开全文
  • 微信小程序API使用大全

    千人学习 2019-01-22 18:47:26
    微信小程序中所有API的使用课程
  • 10分钟实现微信小程序支付功能

    千人学习 2019-08-13 09:33:48
    只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。 核心代码就下面这些 一,创建一个云开发小程序 关于如何创建云开发小程序,这里我就不再具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看...
  • 任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档。...知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...

    做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档。

    微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html,如下图:

    在这里插入图片描述

    这里就是做微信小程序开发的全部官方文档。

    知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发:

    第一步:

    下载微信小程序开发者工具并安装,下载路径:

    https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

    进到下载界面后,根据自己的操作系统选择相应的链接进行下载,下载完成后进行安装。

    第二步:登录工具

    开发者工具安装完成后我们就可以将其打开,初次打开会需要用微信扫码登录,入下图,用手机微信扫一扫后确认登录就可以了。
    在这里插入图片描述

    第三步:创建一个项目

    登录成功后,如果是第一次使用该工具会弹出创建项目的窗口,如下图:
    在这里插入图片描述
    ​ 在创建过程中,如果选择的本地文件夹是个空文件夹会出来一个勾选项“在当前目录中创建quick start项目”,为方便初学者了解微信小程序的基本代码结构,请勾选此项,勾选后,开发者工具会帮助我们在开发目录里生成一个简单的 demo,如下图:
    在这里插入图片描述

    第四步:项目代码结构解释

    在这里插入图片描述
    点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。

    下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。

    ​ 1、app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。

    2、​ app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

    3、app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

    我们注意到,在实例程序的代码中还有2个文件夹,一个是pages,一个是utils,其中utils是放通用工具类方法的一个文件夹,pages是存放所有页面的文件夹。我们着重讲一下这个pages.

    第五步:小程序页面文件构成

    在这个示例中,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。

    每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。

    ​ index.wxml 是页面的结构文件:

    <!--index.wxml-->
    <view class="container">
      <view  bindtap="bindViewTap" class="userinfo">
        <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
      </view>
      <view class="usermotto">
        <text class="user-motto">{{motto}}</text>
      </view>
    </view>
    

    本例中使用了、、 来搭建页面结构,绑定数据和交互处理函数。

    ​ index.js 是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

    //index.js
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        motto: 'Hello World',
        userInfo: {}
      },
      //事件处理函数
      bindViewTap: function() {
        wx.navigateTo({
          url: '../logs/logs'
        })
      },
      onLoad: function () {
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
          //更新数据
          that.setData({
            userInfo:userInfo
          })
        })
      }
    })
    

    index.wxss 是页面的样式表:

    /**index.wxss**/
    .userinfo {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .userinfo-avatar {
      width: 128rpx;
      height: 128rpx;
      margin: 20rpx;
      border-radius: 50%;
    }
    
    .userinfo-nickname {
      color: #aaa;
    }
    
    .usermotto {
      margin-top: 200px;
    }
    

    页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

    ​ index.json 是页面的配置文件:

    ​ 页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置。

    ​ logs 的页面结构

    <!--logs.wxml-->
    <view class="container log-list">
      <block wx:for-items="{{logs}}" wx:for-item="log">
        <text class="log-item">{{index + 1}}. {{log}}</text>
      </block>
    </view>
    

    logs 页面使用 控制标签来组织代码,在 上使用 wx:for-items 绑定 logs 数据,并将 logs 数据循环展开节点

     //logs.js
    var util = require('../../utils/util.js')
    Page({
      data: {
        logs: []
      },
      onLoad: function () {
        this.setData({
          logs: (wx.getStorageSync('logs') || []).map(function (log) {
            return util.formatTime(new Date(log))
          })
        })
      }
    })
    

    运行结果如下:
    在这里插入图片描述

    第六步:手机预览(只有获得AppId的才有权限预览)

    ​ 开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。
    在这里插入图片描述
    以上是微信小程序前端开发的基本流程,而实际上要做一个内容可以更新的小程序,单有前端开发是远远不够的,还需要后台开发。后台开发与web开发的后台基本无异,可以选择用java、php、nodejs等任一语言,有一点需要注意的是小程序后台服务器必须是https协议的,这就要求必须购买云服务器并将后台服务器设置成https服务。

    展开全文
  • 后台技术选型: JDK8 MySQL Spring-boot Spring-data-jpa Lombok Freemarker Bootstrap Websocket 小程序端技术选型 微信小程序 小程序端 扫码点餐 菜品分类显示 模拟支付 评论系统 购物车
  • 快速学习和掌握,微信小程序开发,以及最新的小程序直播开发,带你轻松入门小程序!
  • 微信小程序入门 前言 随着科技的不断进步,很多功能将会开放,那么很多需求也将会因为现实而得到满足,这是种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。它很容易使用,而且...
  • 微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 、单选题 二、多选题 三、判断题 四、填空题 五、简答题 1.请简述微信开发者工具中调试器功能。 2.请简述微信小程序开发环境的搭建...
  • 如何制作微信小程序(三个步骤开发小程序) 如何制作微信小程序?今天教大家只要三个步骤就可以制作出一个简单的小程序。 第一步,就是注册小程序的账号。首先,进入公众平台,点击立即注册,选择小程序。按照页面...
  • 总的来说,微信小程序定制开发的报价影响因素有功能繁简程度... 2、如果要定制型微信小程序:首先要着手看商户的需求,电商的用户注册、登录,产品拜访,购物车,下单购买,支付功能,售后服务等每一个环节都是不可少
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2018-07-03 02:45:07
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 微信小程序 移动端商城 完整源代码

    千次下载 热门讨论 2016-11-09 17:37:57
    微信小程序 移动端商城 完整源代码
  • (仿牛贝淘客微信小程序+后台源码 仿牛贝淘客微信小程序+后台源码)淘宝客的福利来啦~先开源淘宝客小程序源码,提供给生活在淘客圈的朋友开源使用,代码完全开源无加密,开源二次任意开发。
  • 毕业设计 -- 微信小程序选题大全(

    万次阅读 多人点赞 2021-08-24 20:51:28
    文章目录小程序毕设选题推荐选题建议创新性不要给自己挖坑选题推荐 小程序毕设选题推荐 Hi,这里是丹成学长,这篇文章给各位同学分享小程序毕设如何选题,对毕设开发,开题等 有不清楚的都可以来问学长哦。 选题...
  • 微信小程序创建步骤

    千次阅读 2022-04-28 23:23:41
    下载完成安装后,使用微信登录,点击小程序,开始创建小程序。AppID在小程序平台获取。 注:后端服务最好选择不使用云服务(自己初始化云环境),因为会带来很多没有用的文件格式,模板选择不使用模板。 获取...
  • 本文通过开发一个简单的游戏,来带领大家实操一下开发游戏的基本流程。快来和博主一起操作吧!!!
  • 微信小程序——开篇

    万次阅读 多人点赞 2022-06-04 17:00:58
    如今微信小程序已经成为我们日常生活中不可或缺的‘介质’,如我们的出行、购物、餐饮、社交、娱乐等活动的小程序已经因有尽有,相比于去安装一个app人们自然更加倾向于在微信中去直接访问某个小程序,而且我们的小...
  • 如何注册微信小程序

    千次阅读 2022-07-15 17:09:54
    从免费注册开始一步一步教你如何创建属于自己微信小程序·
  • 微信小程序是越来越火,参与其中的开发者也越来越多,但是很多朋友都是只懂小程序前端开发,或者是只懂 PHP 开发,本 Chat 就是想让这部分人能够自己一个人把前后端串起来,做一个专属自己微信小程序。 本场 Chat ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 517,844
精华内容 207,137
热门标签
关键字:

自己做一个微信小程序