【微信小程序】---线上环境搭建

一、前言

  通常我们在本地电脑上开发微信小程序,调用和访问小程序会有很多问题。特别是在配有自己后端的情况下,我们通过真机访问我们的小程序会出现不可访问的问题

二、线上环境搭建

  在这里我们主要以腾讯云给大家做演示

  1、注册并登陆腾讯云   https://cloud.tencent.com/

  2、上传代码

    a、把客户端代码和服务端代码放置在微信小程序目录下

    b、将客户端代码放置到client文件加中,服务端代码放置在server文件加中

    c、把原微信小程序project.config.js文件转移到小程序根目录下,并且增加配置

{
  //当前小程序客户端代码存放目录
   "client":"./client",    //指定小程序服务端代码存放目录     "svr":"./server",

  //小程序根目录  "miniprogramRoot":"./client",
    //腾讯云服务端目录  "qcloudRoot": "./server",

}

  3、上传代码

  

  

原文地址:https://www.cnblogs.com/nanianqiming/p/10434823.html

时间: 2024-10-13 02:25:21

【微信小程序】---线上环境搭建的相关文章

微信小程序的开发环境搭建(Windows版本)

前言: 小程序是指微信公众平台小程序,小程序可以帮助开发者快速的开发小程序,小程序可以在微信内被便捷地获取和传播:是一种不需要下载安装即可使用的应用小程序,和原有的三种公众号是并行的体系.2017年1月9日,微信小程序正式上线. 本篇博文就网上资料及相关教程整理一下,希望对想要进行小程序开发的小白提供一下帮助. 第一步:想要进行微信小程序开发,必须有自己的微信开发者账号,在这里博主提供一下微信公众平台的链接:https://mp.weixin.qq.com (万恶的腾讯家,竟然还要一个新的邮箱来

微信小程序怎么上传代码

很多企业商家做了微信小程序,都想自己独立的去操作后台,但大多企业商家都没有相关的技术人员,就上传代码都成了问题,以下微信小程序观察网请添加链接描述就和大家分享一下微信小程序怎么上传代码,希望对您有帮助! 第一步:登录微信公众号后台进行小程序基本信息设置操作第二步:设置小程序基本信息,包括名称.头像.介绍以及服务范围.第三步:填写完成之后,再打开你的微信小程序开发工具,点击上传功能,点击上传提示窗口中输入版本号和说明即可.第四步:上传完成之后,返回到微信公众号后台,点击[开发管理].第五步:拉到底

判断微信、微信小程序及其他环境

判断是否为微信.微信小程序.其他环境 研究背景 项目中有一个需求,在判断用户未登录的情况下跳转登录,toLogin通过window.location.href进行跳转登录.在线上环境中,发现在未登录的情况下,Iphone 小程序中偶尔跳转失效.定位代码发现判断小程序函数返回结果在跳转逻辑之后才获得结果,猜测由于判断环境代码打断跳转的进行.临时方案:跳转后通过setTimeout再进行一次跳转. 目前解决方案如下: toLogin() { if(isMiniApp() === null) { se

干货|微信小程序线上线下推广的方法和销售话术小技巧分享

一款小程序在被开发后,若想获得广泛的用户群体,就得靠一些巧妙地话术宣传和推广措施.那么问题来了,微信小程序推广和话术有哪些呢?具体要怎么操作?别着急,请听小编来跟大家一一道来. 小程序推销话术小技巧 1.有自信,说话有底气 销售人员在宣传小程序时,一定在客户面前要很自信地说话.不自信的话是缺乏说服力量的.有了自信以后,销售人员在讲话的尾语可以作清楚的.强劲的结束,由此给对方确实的信息.如"一定可以使您满意的".这样的话会让客户对你宣传的小程序产生一定的信心. 2.重复重要语句,加深在顾

动手开发一个名为“微天气”的微信小程序(上)

引言:在智能手机软件的装机量中,天气预报类的APP排在比较靠前的位置.说明用户对天气的关注度很高.因为人们无论是工作还是度假旅游等各种活动都需要根据自然天气来安排.跟着本文开发一个"微天气"小程序,方便微信网友随时查看天气.接下来两天小编将同您一起开发一个"微天气"小程序,本文首先向大家介绍"微天气"的API与界面代码编写.本文选自<从零开始学微信小程序开发>. 在一套软件系统中,微信小程序通常是作为前端来使用的,一般还需要有后端的系

5行代码实现微信小程序图片上传与腾讯免费5G存储空间的使用

本文介绍了如何在微信小程序开发中使用腾讯官方提供的云开发功能快速实现图片的上传与存储,以及介绍云开发的 5G 存储空间的基本使用方法,这将大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新的文字版本摘要. 此文为 「60 节实战课微信小程序开发视频教程」 的第 51 小节内容,如果需要查看视频版本的实战操作,请直接跳至文章的最后部分查看. 1.云开发图片空间简介 在之前的文章 微信小程序开发平台新功能「云开发」快速上手体验 中我们简要介绍了腾讯官方给所有的微信小程序开发提供的云

当微信小程序遇上filter~

在微信小程序的开发过程中,当你想要实现不同页面间的数据绑定,却为此抓耳饶腮时,不妨让微信小程序与filter 来一场完美的邂逅,相信会给你带来别样的惊喜~ 前段时间被安利了一个很实用的公众号-前端早读课,它简洁.大方的页面和方便.实用的功能深深地吸引着我~(^U^)ノ 恰好这段时间学了小程序,就自己仿着写了个前端早读课的小程序. 实现的功能 不同页面间的数据绑定 随机显示数组里的元素 实时显示系统的日期 鼠标点击和页面跳转等基本功能 swiper组件和template样式模板的使用 使用easy

微信小程序返回上一页传参并刷新

问题 微信小程序onLoad(options)方法在整个生命周期中只加载一次,也就是你进入下个页面,再返回时,是不会再次触发的,所以你返回是url传参是行不通了. 需求 现在有这么一个需求:一个商品支付页面,点击优惠卷进入优惠券列表页,选中优惠券后带着数据再返回到支付页面. 方法 一.使用到的方法是小程序的页面栈,感兴趣可以打印一下pages的内容,就是你页面跳转的轨迹数组,最后一项就是当前页面,倒数第二个就是上一页.很好理解,因为在当前页停止了,肯定是最后一个 //获取页面栈 let page

小程序线上实例

最近在开发小程序,个人觉得小程序开发很有意思,体验也很流畅,很赞!(由于是初版,页面及体验还需优化,购物流程是ok的,发现BUG及改进建议欢迎在下方留言,谢谢!) 话不多说,附上部分效果图!手机预览打开微信搜索“乐活城市”小程序.(初次接触小程序的小伙伴们,可以直接去官方给出的小程序API脑补,我这里就不一一赘述了~~) 需要共同学习探讨的小伙伴可以加我微信,共同学习进步! 原文地址:https://www.cnblogs.com/luxiaoxing/p/10086888.html