当前位置:首页 > 微信运营 > 正文

微信小程序源码,微信小程序源码怎么使用

2021-07-29 15:18:32 暂无评论 微信运营

微信小程序源码怎么使用

1、打开浏览器,把免费免费小程序.网站复制到浏览器上面,打开后点击免费制作。

2、选择自己所属行业或者是喜欢的模版,通过拖拽,添加功能的方式,设计出自己自己的微信小程序,全程不需要使用代码。

3、登录微信公众号,点击左侧栏目里面的开发-》再选择开发设置中,获取AppID和AppSeret 。

4、配置request、socket、uploadfile、downloadfile 合法域名。在小程序编辑界面点击生成 选择已绑定的域名,如果要使用自己的域名必须要安装https证书。

5、在微信公众号小程序官方平台 点击左侧栏目的开发-》然后再点击开发设置中,录入合法域名。

6、登陆网生成小程序流程,在右上角点击生成、填写好之前获取的Appid和AppSecret等。

7、点击保存后弹出下载代码界面,这个就是通过模块化的功能以及拖拽设计出来的小程序。上传到小程序发布软件提交审核,通过后就可以发布出去。

微信小程序的index.js怎么写?详细代码见下方↓

微信小程序实例index.js代码如下:

可以搜索小程序名称: 快递最后一公里

实例index.js代码

var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {

?? //三张图片轮播
imgUrls: [
{
imageUrl: '/images/weicha/timg1.jpg',
},
{
imageUrl: '/images/weicha/timg2.jpg',
},
{
imageUrl: '/images/weicha/timg3.jpg',
}
],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 800,
},
onSwiperTab: function (e) {
/*var postId = e.target.dataset.postId;
wx.navigateTo({
url: postId,
});*/
},

? /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
app.loginWinCha(this.initPageData);
},
//初始化登录才能查看的数据
initPageData: function () {
this.setData({
componentList: [
{
id: 1,
url: '../weicha/express/courier/index',
imageUrl: '/images/weicha/timg1_1.jpg',
title: '快递小哥(送快递)',
queryType: 'courier'
},
{
id: 2,
url: '../weicha/express/seller/index',
imageUrl: '/images/weicha/timg1_2.jpg',
title: '合作商家(代收快递)',
queryType: 'seller'
},
{
id: 3,
url: '../weicha/express/personal/index',
imageUrl: '/images/weicha/timg1_3.jpg',
title: '收件人(签收快递)'
},
{
id: 4,
url: '../weicha/express/logistics/index',
imageUrl: '/images/weicha/timg1_4.jpg',
title: '快递物流查询'
}
]
});
},
onItemClick: function (e) {
var targetUrl = e.currentTarget.dataset.pay;
var targetQueryType = e.currentTarget.dataset.index;
if (targetQueryType == "seller") {
var reqData = {
seller_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("sellerInfo", reqData, targetQueryType, targetUrl,
"亲,您暂未申请商家,请提交商家申请!");
} else if (targetQueryType == "courier") {
var reqData = {
courier_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("courierInfo", reqData, targetQueryType, targetUrl,
"亲,您暂未申请快递员,请提交快递员申请!");;
} else {
wx.navigateTo({
url: targetUrl
});
}
},
queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){
wx.cloud.callFunction({
name: "utilsDB",
data: {
collectionName: reqCollectionName,
collectionWhere: reqData
},
complete: res => {
let retStatus = '1';
if (res.result.data.length >= 1) {
retStatus = res.result.data[0].status;
}
if (retStatus == '2') {
if (queryType == "seller"){
app.globalData.seller = res.result.data[0];
} else if (queryType == "courier"){
app.globalData.courier = res.result.data[0];
}
wx.navigateTo({
url: retUrl
});
} else {
wx.showToast({
icon: 'none',
title: retMgs
});
}
},
fail: err => {
wx.showToast({
icon: 'none',
title: retMgs
});
}
});
}

})

微信小程序上传后还没审核通过,不小心把本地代码删除了还能审核通过吗

微信小程序审核通过发布后上传修改新内容的流程:

1、用微信小程序开发工具,打开项目,在开发工具里选择项目。

然后点击上传按钮,微信会提示你是否需要覆盖原来的版本,点击确定就行。

2、填写版本信息,然后点击上传。

版本号的填写遵循开发管理规范就行。如果特别大的修改,更改第一个主版本号;其它小的改动,更改后面两个次版本号就行。

备注:在这里建议把新版本主要修改的内容进行说明,便于协同工作。

3、上传完成。

开发工具中最近上传时间的内容会变为刚才的时间。

4、进入到微信小程序后台,开发管理中,也会看到刚才上传的版本信息。

微信小程序上传完之后提交审核。之前需要我们做几个操作:

1、补充小程序的基本信息,如名称、图标、描述等。

2、如果发布者不是管理员,则必须要在这里添加开发者,进行代码上传和发布。

3、配置服务器域名,如果你的小程序用到了网络请求,那么这里要先在“设置”-“开发设置”里添加域名。

4、提交审核。

小程序的基础信息,如名称、图标等是这个账号全局的信息。logo图标一个月内可申请修改5次。而名称一旦设置,就不能再修改了,而且不得与公众平台已有的订阅号、服务号重复。

如果开发者本人就是管理员,则上面的第2步可以忽略,因为管理员“自动拥有开发者的所有权限,无需重复绑定”。

一个邮箱账号只能申请一个小程序,如果想开发多个小程序怎么办?微信官方说明:除个体工商户类型可认证5个小程序外,其他类型一个主体可认证50个小程序。也就是说,如果你是企业主体,你可以弄50个邮箱,申请50个账号,开发50个小程序,而且每个都必须认证才能发布。所以设置名称要谨慎,一旦设置了一个,你就少了一次机会。

博客主人破茧短视频培训
破茧短视频为你分享抖音、快手等短视频平台的视频拍摄、剪辑和运营技巧,另有短视频培训学习教程,海量干货助你玩转短视频运营!。
  • 79951 文章总数
  • 5045312访问次数
  • 2218建站天数